Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 1, 2019 at 6:22 pm #1073324
    Louroll3000

    I have just started designing a website and I have put enfold on there (after using it at work I was very happy with it so I decided to put it on a personal site) and without doing anything the content width seems to be centered to the middle of the page for no apparent reason. I put a color section onto the site expecting it to be full width and it’s not.

    Can someone help me with this please?

    March 3, 2019 at 8:38 am #1073847
    Rikard

    Hey Louroll3000,

    The Color Section element is full width, what exactly are you looking to change to your layout?

    Best regards,
    Rikard

    March 3, 2019 at 9:00 am #1073856
    Guenni007

    unfortunately this is one of the irrefutable truths that color-sections are always full-width.

    August 14, 2019 at 2:58 pm #1127630
    Sirpa
    This reply has been marked as private.
    August 15, 2019 at 5:57 am #1127806
    Rikard

    Hi Sirpa,

    You can try to add this to Quick CSS to see if it helps:

    .container {
    max-width: 1310px;
}

    Best regards,
    Rikard

    August 15, 2019 at 7:57 pm #1128025
    Sirpa

    Dear Rikard,

    thanks a lot for your quick reply. Unfortunately the above code did not solve it;-(

    Also if you could help me out with the strong tag, would very much appreciate, could still not figure out the problem.

    Yours sincerely,
    Sirpa

    PS: Just realized that also the advanced styling for the cookie message is also not applied. So it seems all is related to a change in the general syling? It is so wired. Also I set link to text decoration none (for having no underline ) does also not work.

    • This reply was modified 5 years, 4 months ago by Sirpa.
    August 16, 2019 at 8:51 am #1128174
    Rikard

    Hi Sirpa,

    It looks like some of your custom CSS is breaking something, I tried this at the top of the Quick CSS box and it worked:

    .container {
    max-width: 100% !important;
}

    You have an unclosed media query at the bottom for instance:

    @media only screen and (max-width: 989px) {
.responsive.av-no-preview #top .avia-team-member .team-social {
    background: transparent;
    border: none;
}

.powered-by-eversports {
       display: none!important;
}

.main_color a, .alternate_color a {
    text-decoration: none !important ;
}

    Try closing that query properly and I think it should start working after that.

    Best regards,
    Rikard

    August 16, 2019 at 2:37 pm #1128263
    Sirpa

    Der Rikard,

    oh shame on me, i really overlooked an additional curly brackets. Am so sorry to have taken up your time. Added it for the @media part (copied from your documentation) and now everything is fine.

    Thanks you so much and have a lovely weekend.

    Yours sicncerely,
    Sirpa

    August 17, 2019 at 4:53 am #1128412
    Rikard

    Hi Sirpa,

    Great, I’m glad that we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.