Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #520605

    Hey there,

    I’ve found full width colour backgrounds can really give a great slick design and customers are demanding this too but using a colour background so that you can have a full screen image and use the arrow to go to next section I am having one problem….

    + contrast between text and background image, people love to pick images, but man trying to find a font that will work with it is hard… so we use column backgrounds or text backgrounds.

    .avia_textblock.hometextlist { background-color: rgba(255,255,255,.5); padding: 0px; }

    .aboutcolumn { background-color: rgba(0,0,0,0.4); padding: 50px; }

    so what I want to be able to do is like a colour background have the column colour background reach the entire full width of the page across the top of the background image for a seamless slick look.

    see here >> column background and text box and colour box

    so in order to get a full width band across the entire page that goes to the edge of the screen like a colour box using a flex column a 1/1 flex column or perhaps more… how do i force it to go full width? I can’t seem to figure out what triggers with css I need to enable to get this to work…

    Let me know if this is a simple task to do with some quick css…

    thanks again for all the awesome upgrades.. love the fact we can change the radius in Avia on corners now.. lots of clients requested this in the past :)

    • This topic was modified 8 years, 4 months ago by ENBertussi. Reason: image still not working pasted link to image

    hey i figured it out ~!

    .aboutcontainer .container { padding-left: 0px;padding-right: 0px; }


Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘enfold flex av_one_full full width of screen’ is closed to new replies.