Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #965672

    Hello,
    Just noticed that after the last two updates my content space is narrower, this is impacting single blog posts, pages, and single custom post types. After using the inspector I noticed:

    #top .fullsize .template-blog .post .entry-content-wrapper > *
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
    }
    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
    }

    What’s wrong?

    #965833

    Hey DrHariri,
    I didn’t find this in my setup, but we could have different settings, have you tried adding this your your Quick CSS with a new max-width, like this:

    #top .fullsize .template-blog .post .entry-content-wrapper > *
    max-width: 50em !important; 
    margin-left: auto;
    margin-right: auto;
    }
    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 50em !important; 
    margin-left: auto;
    margin-right: auto;
    }
    

    Please adjust to suit, or Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    #965864

    Hey Mike,
    Thanks you for your response.

    I will try changing the CSS now, sorry for forgetting to provide the URL, here is an example from a blog post:

    • This reply was modified 2 years, 6 months ago by  DrHariri.
    #965868

    Hi,
    Thank you, it looks as you are using the boxed lay out, I tested the above code and seems to work good, try
    “max-width: 50em” or adjust to suit.
    Let us know how it works for you.

    Best regards,
    Mike

    #965871

    Hey Mike,
    I’ve been using the stretched layout for years. Also noticed this code as well which wasn’t there before.
    Enfold Theme Layout
    https://www.dropbox.com/s/ya9jkxmmu4sky7o/Screenshot%202018-06-02%2015.45.54.png

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: justify;
    font-size: 1.15em;
    line-height: 1.7em;
    max-width: 800px;
    margin: 0 auto;
    overflow: visible;

    I tried using your code but it doesn’t work yet, will try more.

    • This reply was modified 2 years, 6 months ago by  DrHariri.
    #965905

    Hi,
    I’m sorry, I see the code above is missing a {
    on the first line:
    Please try this:

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
        max-width: 50em !important; 
        margin-left: auto;
        margin-right: auto;
    }

    Best regards,
    Mike

    #965969

    Hey Mike,
    This seems to me like a bigger problem than it looks. I have a CSS that target the .main_color div class but it’s not working as well.
    body.category-mntrni div#main div.main_color {background-color: #626dc3 !important;}

    Both this code and the code in the original post were working fine until recently when I decided to update. Did you change anything in the theme or how it pulls CSS from the child theme?

    #965974

    Hi,
    The css from the child theme & Quick CSS is merged into a file in /wp-content/uploads/dynamic_avia/
    saving the theme options is what causes the merge.
    If you add css to the child theme, please go to the Quick CSS field and add a blank space to enable the “Save all changes” button, and then save.
    If you are in development please disable the Enfold Theme Options > Performance > JS & CSS file merging and compression
    as this is better to use once your site is done and you are not editing css anymore.
    Perhaps your css has an error in it, you can easily check by copying all of it to the WordPress > Customize > Additional CSS, as it will error check for you.
    Hope this helps

    Best regards,
    Mike

    #971475

    Hi again Mike,
    Thanks a lot on the CSS check tip, it was indeed a missing } that caused some issues on my child theme.

    Kind regards,
    Abdo

    #971490

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Content Title & Div (.entry-content-wrapper) now have a max width 40em?’ is closed to new replies.