-
AuthorPosts
-
July 5, 2021 at 10:04 am #1308734
Hallo,
i am usind a color section to place content to 100% width. Inside this section is a headline and text block below.
Some of this sections (just content like hdl and text) should get a centered width of 80%.But i do not know why, each class that i add to the section or to the emelent, nothing will adopt my css change.
If i open the inspectior and make changes there, the same css works fine.Anyone with an idea what do to?
July 5, 2021 at 1:19 pm #1308779Hey Sebastian,
Thank you for the inquiry.
We may need to check the site or inspect the elements in order to understand the issue. Please post the site URL in the private field, and toggle or temporarily disable the Enfold > Performance > File Compression settings. Have you tried checking the site on incognito mode?
Best regards,
IsmaelJuly 6, 2021 at 5:05 pm #1308952HI, none of this settings is set. I do not have any cache problems with other settings.
Mayby a css failure, i did?
This is what i add to each blcck for content of 80%:#content80 {
width: 80% !important;
max-width: 80% !important;
margin: 0 auto;
Text-align: center !important;
}July 7, 2021 at 12:16 pm #1309079Hi,
Would you mind posting the site details? We may need to login to the dashboard and check the css code. Please post the info in the private field.
Best regards,
IsmaelJuly 7, 2021 at 5:12 pm #1309137This is what i want: https://ibb.co/ZxNRZWQ
BUT only in some blocks, not all content block, othe should still have 100%
Login -> PM
July 10, 2021 at 11:36 pm #1309516Hi,
Thank you for your patience and for the login, I found your css in the Quick CSS field:
the hashtag in the rule means that it is targeting an ID, please note that if you are going to target IDs then there should only be one of these on each page.
I then looked at your /system-nortec/ page and found that content80 is used 6 times, 3 times as a custom class and 3 times as a ID.
So since you are using it 6 times I changed them all to custom classes on this one page.
Then I found that you had some errors in your Quick CSS that was breaking the rules, so I fixed them, and then I adjusted your content80 rule so it would now target a class instead of a ID:#top #main .content80 { width: 75% !important; max-width: 75% !important; margin: 0 auto; Text-align: center !important; }
Now it is working correctly on the /system-nortec/ page, please clear your browser cache and check and then make adjustments to your other pages as necessary.
Best regards,
MikeJuly 11, 2021 at 11:56 am #1309567Thanks, yes this works now, BUT the background images on top of the pages are gone now.
What eactly have you adjusted?
- This reply was modified 3 years, 5 months ago by xeovision.
July 11, 2021 at 5:03 pm #1309590Hi,
Glad this helpped, your background images had the incorrect url in your Quick CSS, it was this:#top.page-id-3600:before { background-image: url(/wp-content/uploads/2021/06/header-fliesen.jpg);
but it needs to be this:
#top.page-id-3600:before { background-image: url(/cms21/wp-content/uploads/2021/06/header-fliesen.jpg);
I corrected this for you, I errors I had corrected before were:
a dot before a comment:./*** Main ***/
and two hash tags before another comment:##/****** parallax effekt Doppelböden**/
Best regards,
MikeJuly 11, 2021 at 7:41 pm #1309602Thats cool. many many thanks for solving the issue and the bug fixing
July 11, 2021 at 10:13 pm #1309616Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Change inner content width’ is closed to new replies.