Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #367483

    I am wondering if this is possible

    I would like the grey part to be an image like the restaurant demo example
    The reddish part is the content area that I would like to be white with text on it
    bacsially I would like to have an image fixed in the top of some pages. Is this simply a background css thing I need to do inside the templates directly OR is there a way to achieve this via the editor?
    I tried color sections but the text that comes from either a post or articles is not keeping their white backgrounds
    What do you think is the easiest way to achieve this? If I have a post in the New York area I would like to have a New york image background in the back with the post content over it WITH the white 1210px wide white background of the content area
    I am sure there is an easy way to do this but all my brain power was used during my last finals
    Thanks in advance

    #367712

    Hey Monsoon!

    Thank you for using Enfold.

    You can’t use the Color Section for posts, the element is only available for pages and portfolio items. Add the color section then apply a white background on color section’s container using css. I think that is the closest layout that you can get with the ALB without custom coding.

    Regards,
    Ismael

    #369142

    So basically I need to hardcode an image in the background in the post template instead…no biggie, thanks for the response

    No actually I meant for pages not posts… but If I had a color section to a page I can t seem to be able to have the content of that page showing on top of the background image/color section like on the image I linked, the content shows but not with the white background.
    I think I need to tweak some css to do this…thanks

    • This reply was modified 10 years ago by Monsoon.
    #369307

    Hi!

    Add a color section then add apply an id to it using the For Developers: Section ID field. Use “white-bg” for example. Apply a background color or image. After that, use this on Quick CSS:

    #white-bg .container {
    background: #ffffff;
    }

    This will work better for Stretched Layout.

    Regards,
    Ismael

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