-
AuthorPosts
-
June 2, 2018 at 4:52 am #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?
June 2, 2018 at 12:33 pm #965833Hey 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,
MikeJune 2, 2018 at 2:36 pm #965864Hey 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, 6 months ago by DrHariri.
June 2, 2018 at 2:45 pm #965868Hi,
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,
MikeJune 2, 2018 at 2:49 pm #965871Hey Mike,
I’ve been using the stretched layout for years. Also noticed this code as well which wasn’t there before.
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, 6 months ago by DrHariri.
June 2, 2018 at 5:05 pm #965905Hi,
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,
MikeJune 2, 2018 at 9:01 pm #965969Hey 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 #965974Hi,
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 helpsBest regards,
MikeJune 12, 2018 at 2:47 am #971475Hi 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,
AbdoJune 12, 2018 at 3:59 am #971490Hi,
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 -
AuthorPosts
- The topic ‘Content Title & Div (.entry-content-wrapper) now have a max width 40em?’ is closed to new replies.