hey there,
as explain in the title, i’m trying to have my image element into the color section 100% wide.
is there a way with quick css to do that ?
for information i ‘m using this code “add_theme_support(‘avia_template_builder_custom_css’);” in order to set each element individually. that’s how with this quick css code “.nuage1 {bottom:0px;position: absolute;}” i’ve reached one part of my goal which was to align the image ” nuage1″ to the bottom of my color section.
thanx for any help,
http://lafabrique-bayonne.com/blog/?page_id=2251
Hey Ben!
Thank you for using the support forum!
Please edit the color section then add a unique id on For Developers: Section ID field. For example, we’ll use section-1. Add this on Quick CSS or custom.css:
#section-1 div.container {
width: 100% !important;
}
This should force the container inside the #section-1 color section to go full width.
Regards,
Ismael
hey Ismael, thanx for your help,
actually i tried to do this, my color section ID is named 1 so i put this code in quick css : #1 div.container { width: 100% !important;} but it doesn’t work.. my image doesn’t go wider .. any other idea..?
thanx :)
hey !
i’m using the code “add_theme_support(‘avia_template_builder_custom_css’);” in function.php in order to set each element individually, so maybe this code has higher priority than the classic custom.css.
well anyway i give the name “section1 “in css class for the color section and put the code bellow into custom.css :
“.section1 div.container{border-style: none; width: 100% !important;}”
though it worked, but chrome cache tricked me…