Elementor Blog Post | PenciDesign Support

LillaGreen replied

3 years ago

Customer Reply

Thank you so much! it worked out :) Have a great day

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

The following code will apply to the Elementor page only:

@media only screen and (max-width:479px) {
    body.elementor-page .penci-single-smore .container,
    body.elementor-page .penci-post-image-wrapper > .container,
    body.elementor-page .wrapper-boxed > .container,
    body.elementor-page .wrapper-boxed > .penci-single-wrapper > .penci-single-block > .container,
    body.elementor-page #widget-area > .container,
    body.elementor-page #footer-section > .container,
    body.elementor-page .penci-two-sidebar .container.penci-breadcrumb,
    body.elementor-page .penci-page-header-wrap .penci-page-header-inner.container,
    body.elementor-page .penci-page-header-wrap {
        padding-left: 5px;
        padding-right: 5px;
    }
}

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

I see.. Is there a way I can set the padding separate for Page Bakery builder and Elelemntor? The Blog Posts from Bakery Page builder look good without changing the padding, I would change only elementor blog posts

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

The code I sent apply to all the content type (WordPress default editor and Page Builder), you can modify the spacing by changing 5px to any value you want to show.

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

hi, this looks good on the elementor blog posts, but everything else is way too wide. I have many old posts made with page bakery builder... is there a way to do it so it is the same size for all blog posts, doesn't matter if with elementor or page bakery builder? Thank you

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width:479px) {
    .penci-single-smore .container,
    .penci-post-image-wrapper > .container,
    .wrapper-boxed > .container,
    .wrapper-boxed > .penci-single-wrapper > .penci-single-block > .container,
    #widget-area > .container,
    #footer-section > .container,
    .penci-two-sidebar .container.penci-breadcrumb,
    .penci-page-header-wrap .penci-page-header-inner.container,
    .penci-page-header-wrap {
        padding-left: 5px;
        padding-right: 5px;
    }
}

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

is there a way it can be set for all blog posts made with Elementor? I need it for every post with elementor and bakery page builder... Thank you!

for example here: https://lillagreen.com/meteora-travel-guide-everything-you-need-to-know/

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please also send me the post URLs that you need to apply the new setting.

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please send me your WordPress admin account and the post URL you need to change.
I'll log in and create a demo for you.

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

I could not find the answer to my question... When a page is made with elementor, the empty borders are not so wide. I want to have the same for the posts made with elementor. If I change the margin as in this guide you give me, the whole structure is changed... menu, logo, everything. I want only the content of the blog post to be wider, so that the empty boarders are smaller, and the text wider.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please follow the document at this link: https://elementor.com/help/mobile-editing/

Regards,
PenciDesign.

LillaGreen started the conversation

3 years ago

Conversation Start

Hi, how can I make the blog posts made with elementor to be wider on mobile? Thank you