Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 2, 2018 at 4:52 am #965672
    DrHariri

    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?

    June 2, 2018 at 12:33 pm #965833
    Mike

    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

    June 2, 2018 at 2:36 pm #965864
    DrHariri

    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 6 years, 5 months ago by DrHariri.
    June 2, 2018 at 2:45 pm #965868
    Mike

    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

    June 2, 2018 at 2:49 pm #965871
    DrHariri

    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 6 years, 5 months ago by DrHariri.
    June 2, 2018 at 5:05 pm #965905
    Mike

    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

    June 2, 2018 at 9:01 pm #965969
    DrHariri

    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?

    June 2, 2018 at 9:21 pm #965974
    Mike

    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

    June 12, 2018 at 2:47 am #971475
    DrHariri

    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

    June 12, 2018 at 3:59 am #971490
    Mike

    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

  • Author
    Posts
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.