Hi everyone,
I’m using the widget element at the bottom of my Portfolio pages to display recommended portfolio items along with a call to action dialog box. Since updating my theme layout, I can’t find a way to get the Widget Area element to display across the entire width of the page.
Is there some way I can do this within the theme? Or, do I need to modify CSS? If so, what do I need to modify?
Here is the page in question: http://designinside.com/portfolio-item/ukrainian-village-master-bathroom/ The part controlled by the widget starts towards the bottom of the page at: “Love What You See?”
Thanks for the help.
Hey Design,
Try using the widget inside a colorsection if you already use one please add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_entry_id_4382.responsive .container {
max-width: 100%;
}
Best regards,
Vinay
Hi Vinay,
Thanks for your help. The Color Section widget with Padding = Non helped a bit but the content is still not displaying the entire width of the page. I’m hoping to have the content display the same width as the Full Screen Slider at the top of the page: http://designinside.com/portfolio-item/ukrainian-village-master-bathroom/
Also, I would like this style to be applied to all portfolio entries so I think that will change how the CSS is configured since it looks like the sample code you sent me only applied to this single portfolio entry with ID=4382.
Thanks again for your help.
Hi,
try this code:
.flex_column.av_three_fifth.flex_column_div.av-zero-column-padding {
left: -11%;
width: 110%;
}
and adjust as needed.
Best regards,
Andy