Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 5, 2014 at 9:23 pm #232931
    Snerp

    Hi, this question may be a custom css question. I was wondering is it possible to have a background colour for any of the “Layout Sections” . What I’m wanting is a background image using the “Colour Section” (which I have already done) and then to have 2 “Layout Sections” over top with white backgrounds and text.

    March 6, 2014 at 6:01 am #233057
    Ismael

    Hi Snerp!

    You can also use a Custom Background Color for the Color Section instead of the Background Image. Edit the color section then look for “Custom Background Color”.

    Best regards,
    Ismael

    March 6, 2014 at 7:00 pm #233355
    Snerp

    I don’t think you are understanding my question. I mocked up a screen in photoshop of what I’m trying to achieve, take a look and let me know if this can be done. Click the link below to see my mockup

    http://d.pr/i/ligs

    March 7, 2014 at 7:52 am #233637
    Ismael

    Hi!

    Sorry `bout that. You can add a color section then add a unique id on “For Developers: Section ID” field. Add “awesome-section” for example, use this on Quick CSS or custom.css to apply a white background inside the color section’s container. 

    #awesome-section .container  {
background: white;
padding: 15px;
margin-top: 20px;
}

    In order to achieve the same look as the screenshot, you can insert two 1/2 column layouts inside the color section then insert the Image element on the first one and the text block on the other. Add another text block under the image element for the name, phone number, social icons etc.

    Best regards,
    Ismael

    March 11, 2014 at 4:03 pm #235579
    Snerp

    Thanks, that is exactly what I was looking for. Love this theme!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Layout Sections Background Colour’ is closed to new replies.