Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 20, 2014 at 3:41 pm #306884
    Kevin

    http://lw.bypundyk.com/

    Hello Support,
    How do can we adjust the Color Section when you see “Helping you create a proactive new Liis on Life!… and the form on the right” to be the same with as the image above?

    We want the background to look like the way the client has on their vision eg:
    http://lw.bypundyk.com/wp-content/uploads/liis_web2.jpg

    Please let me know if that is possible.

    Thank you,
    MP

    August 20, 2014 at 5:12 pm #306942
    Yigit

    Hi Marcelo!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1140px) {
.page-id-2890 div#av_section_1 .container { width: 1140px; }}

    Cheers!
    Yigit

    August 20, 2014 at 6:11 pm #306973
    Kevin

    Hello Yigit,

    http://lw.bypundyk.com

    I added the css code as you mentioned but the section background on the homepage is still going full screen.

    On the homepage the color section I have as follows:
    Sections Colors: Main Content
    Custom Background Color: #70c2cc
    Background Repeat: No Repeat
    Section Minimum Height: No minimum height, use content with section to define section height…
    Section Padding: Default Padding
    Section top Border Styling: Display Simple Top Border

    Below is an example of how we want it to look:

    August 20, 2014 at 6:17 pm #306978
    Yigit

    Hey!

    Please edit your Color Section element and remove background color and then use following code in Quick CSS field instead

    @media only screen and (min-width: 1140px) {
.page-id-2890 div#av_section_1 .container {
width: 1140px;
background-color: #70c2cc;
}}

    Regards,
    Yigit

    August 20, 2014 at 7:19 pm #307011
    Kevin

    Perfect thats exactly how we want it but one more thing.

    When the page gets resized, we want the background color to display as well.

    Thanks,
    MP

    August 20, 2014 at 7:48 pm #307030
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .page-id-2890 div#av_section_1 .container { background-color: #70c2cc; }

    Cheers!
    Yigit

    August 20, 2014 at 9:02 pm #307058
    Kevin

    Thanks for your help thats what we want :)

    Awesome support love it

    August 20, 2014 at 9:13 pm #307063
    Kevin

    Once last question… I want to add like 7px so there is white space between the Advanced Layer Slider and the content below like the jpg. Please let me know what I can do.

    eg:

    August 20, 2014 at 9:25 pm #307065
    Kevin

    I actually added the following on the Quick CSS and wanted to check with you if this is the correct way to do it.
    #top #wrap_all #main .avia-no-border-styling {
    border: medium none;
    padding-top: 6px;
    }

    Thanks,
    MP

    August 21, 2014 at 12:43 pm #307310
    Yigit

    Hey!

    That would work, but more “solid” way would be applying a unique ID to your Color Section element ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and use the code as following instead

    #your-custom-id { border: medium none; padding-top: 6px; }

    Best regards,
    Yigit

    January 7, 2015 at 8:57 pm #376435
    Kevin

    Thanks for your help.

    MP

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘adjusting background width in Color Section’ is closed to new replies.