Site logo

[Support request] Header in Dispatch theme with GB

Home Forums Support [Support request] Header in Dispatch theme with GB

Home Forums Support Header in Dispatch theme with GB

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #2477099
    JOSE

    Hi,
    Little by little I’m replacing everything done with Showposts, currently rest the Header.
    How can I change it to the Header of the Info theme?
    After changing the header, is it important to remove references in the css or can I leave them?

    I’m happy with the dispatch theme, just looking to optimize it. Could it be a better idea to replace it with another theme like the info theme?

    Thanks

    #2477230
    Ying
    Staff
    Customer Support

    Hi Jose,

    Your site looks good, we don’t recommend switching site templates on a live site, it might generate some conflicts.

    Here’s the content of the Info homepage, follow the steps below:
    https://pastebin.com/0uLgYcaw

    1. create a new page.
    2. click the 3 dots icon on the right top corner to enable the code editor.
    3. copy/paste the code there.
    4. click the 3 dots icon again to switch back to the visual editor.

    Then you can select the first container which is the hero section, and paste it to your current homepage to replace the WP showposts.

    #2478272
    JOSE

    Thanks Ying,
    Nice!
    Only I have a problem with the first image, I don’t know why but it’s not in a full size (square).
    Thanks

    #2478317
    Ying
    Staff
    Customer Support

    Can you try adding this CSS?

    .full-height, .full-height > .gb-inside-container {
        height: 100%;
    }

    Let me know 🙂

    #2524218
    JOSE

    Finally I have made different changes and I am close to being able to remove the showposts plugin. However, I still have a few things to change:
    – The widget on the right with 6 pots, sidebar, is shown correctly in a post (in a column) but nevertheless it is shown in 3 columns if I click on the menu in a category.

    – the header, how can I make the letters look good on both light and dark backgrounds without affecting the opacity of the photo? How can I implement the zoom effect that I had with showspots when I hovered over it with the mouse?

    Thank you so much

    #2524697
    David
    Staff
    Customer Support

    Hi there,

    1. Add this PHP Snippet to your site, so the Query Loop does not attract the GP Blog Columns:

    add_filter( 'post_class', function( $classes ) {
    	$infinite_scroll_item_index = array_search( 'infinite-scroll-item', $classes );
    
    	if ( in_array( 'gb-query-loop-item', $classes ) && $infinite_scroll_item_index !== false ) {
    		unset( $classes[ $infinite_scroll_item_index ] );
    	}
    
    	return $classes;
    } );
    

    Which header? Is on the home page or the single post ?

    #2524719
    JOSE

    Thx David,
    Header in home page.
    Thanks

    #2524748
    JOSE

    Ummm…
    I writ this code in the functions.php file on the child theme and it’s the same…
    I’m doing something wrong

    #2524775
    David
    Staff
    Customer Support

    Home page:

    Edit the Query Loop block(s), inside that is a block titled : Post Template.
    Select that and:

    1. In settings set the Inner Z-index to 10
    2. Give it a Gradient background. to create a darker shade behind the text.
    2.1 Set the Gradient selector to pseudo:
    https://docs.generateblocks.com/article/gradient-overview/

    3. Set the background image selector to: Element.

    The sidebar column issue:

    Edit that Query Loop and select its Post Template block.
    In the Layout set the Flex Child setting as this:

    Grow: 1
    Shrink: 1
    Basis: 100%;

    #2525065
    JOSE

    All done, all work!!!

    Thanks David!!!

    #2525688
    David
    Staff
    Customer Support

    Glad to hear that

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.