I’m using the Executive theme and, in the Home-Top and Home-Middle sections, where three widgets can be placed, is there a way of adjusting the size of the widgets individually? In the CSS, it appears they are not individually defined (like widget-1, widget-2, etc.) as the footer widgets are. So, they are, by default, set at 33%.
But I’d like the first column to be wider and the other one smaller. Is there a way to get Genesis or the Executive theme to number these widgets so they can be individually styled in the CSS?
Int he demo theme, the widgets get their widths from the .widget class and as you say it’s 33%. However you should be able to overide this in the CSS by using the widget ID as the CSS selector.
If you can provide a link to your site I could tell you what selectors you’d need to use.
Thanks. Here is a demo site I set up for this: http://registrynine.com/sandbox/
I have three widgets displayed. I know I can eliminate the third just by not putting it in. Not sure how to find the widget ID for the widgets I want to change.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.