Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3384332
Elementor Blog Post
Closed

Comments

  •  11
    LillaGreen started the conversation

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

  •  2,610
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied

    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.

  •  2,610
    PenciDesign replied

    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 privately
  •  2,610
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied

    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/

  •  2,610
    PenciDesign replied

    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.



  •  11
    LillaGreen replied

    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

  •  2,610
    PenciDesign replied

    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.


  •  11
    LillaGreen replied

    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

  •  2,610
    PenciDesign replied

    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.



  •  11
    LillaGreen replied

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