I have a few divs and other elements on certain pages that I need to be full-width, exactly like the “home slogan.”
They are being restrained at the sides, leaving white space to the left and right. How can I fix this?
@Mitchell Just visited your site and I see that the blue area is taking full width. About the red area, I see there two columns which also looks nice. Is there still some changes that you want to make?
Right, the blue “apply” area was made with the theme option – “home slogan”
That does extend to the edge of the page, but it is built in to the theme. I want to be able to make the blue “survey” div, the red “news ticker” div, and any other div I want – the same width as the “home slogan”
@Mitchell This will need both coding and corresponding css changes which we cannot cover in free support. For this you will need to hire a developer to make the necessary changes.
I purchased the Attitude Pro theme. Doesn’t that entitle me to support for the theme? I am a developer, but I have other things I need to be spending time on.
With the purchase of theme, we provide our customers help on using the theme features, fix the bugs and provide few lines of css tweaks. In this case, in the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’. See if this helps.
That’s the element I was looking for. I wrote media queries for each screen size to set the .home #main.container to full width- and then re-sized my divs accordingly. Looks good now. Thanks