Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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?

    #1308779

    Hey 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,
    Ismael

    #1308952

    HI, 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;
    }

    #1309079

    Hi,

    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,
    Ismael

    #1309137

    This is what i want: https://ibb.co/ZxNRZWQ

    BUT only in some blocks, not all content block, othe should still have 100%

    Login -> PM

    #1309516

    Hi,
    Thank you for your patience and for the login, I found your css in the Quick CSS field:
    2021-07-10_007.jpg
    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,
    Mike

    #1309567

    Thanks, 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, 4 months ago by xeovision.
    #1309590

    Hi,
    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,
    Mike

    #1309602

    Thats cool. many many thanks for solving the issue and the bug fixing

    #1309616

    Hi,
    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change inner content width’ is closed to new replies.