[Resolved] Having issues with customizing blog and post layouts

[David Jiménez]

Greetings,

I’m customizing the blog and post layout using Elements and I’m having two issues:
My Blog

1. I am using an Element of type Block – Right Sidebar to display on all posts. The problem is that I add a block with the list of blog categories and a WP Search block (these two blocks are from Ultimate Addons for Gutenberg plugin) These blocks look good in the block editor preview, but when you see on FrontEnd neither of these two blocks is displayed correctly as can be seen in the images below:

View on the BackEnd:
https://snipboard.io/9rnJP6.jpg
View in the FrontEnd:
https://snipboard.io/fWgemO.jpg
2. I am using an Element type Block – Page Hero to be displayed on the blog. The problem is that I add a Post Carousel block from the Ultimate Addons for Gutenberg plugin) This block looks good in the block editor preview but when you go to see it in the FrontEnd it does not show correctly as you can see in the images below:

View on the BackEnd:
https://snipboard.io/kQ5Sv6.jpg
View in the FrontEnd:
https://snipboard.io/EihmSe.jpg
What could I do about it to solve the problem, thanks in advance

David Jimenez

[David]

Hi there,

i think this topic is related:

https://generatepress.com/forums/topic/issue-with-adding-ultimate-addons-for-gutenberg/#post-2020164

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Jiménez]

Hi David,

I just copied and pasted the script you suggest in the topic but it’s the same, could you help me please?
Maybe I should do something else.

Regards

[David]

Try this:

add_action( 'wp_enqueue_scripts', 'enqueue_scripts_by_post_id' );

function enqueue_scripts_by_post_id() {

    if ( 'gp_elements' == get_post_type() ) {
        $post_id = get_the_id();
        // Create Instance. Pass the Post ID.
        $post_assets_instance = new UAGB_Post_Assets( $post_id );

        // Enqueue the Assets.
        $post_assets_instance->enqueue_scripts();

    }
    
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Jiménez]

Sorry still, didn’t work.

https://snipboard.io/nhrYIC.jpg

As you can see on image below:

https://snipboard.io/c8aHMX.jpg

[David]

Is it possible to see these elements on the site ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Jiménez]

Yes, please check this link.

Backend view:
https://snipboard.io/4tWhEG.jpg
https://snipboard.io/wHC6tI.jpg
FrontEnd view:
https://snipboard.io/G9dD7J.jpg

[David]

Is it possible to disable the Litespeed cache ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Jiménez]

LiteSpeed cache its disabled for now.

[David]

Yeah – i want to make sure that what we see isn’t a cached version

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Jiménez]

ok, LiteSpeed cache its disabled for now.

[David]

Hmmm…. ok so its not the Cache.
Would you be able to reach out to the plugin developer and ask them how that PHP Snippet is supposed to work ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Jiménez]

ok, I will do it and wait for their answer. Could you please help me to add some style for the categories list of the block editor. I would like to get some like the style on the image above:
https://snipboard.io/wHC6tI.jpg

https://test4.brickcontrol.com/es/insights-success-brickcontrol-es-el-sistema-mas-facil-y-eficiente-para-la-gestion-de-construccion/

[Ying]

Try this CSS:

.sidebar ul.wp-block-categories-list.categoria.wp-block-categories li {
    border-bottom: 1px dotted;
}

[David Jiménez]

Thanks, It works for me.

[Author]

Posts