Change Daily Dish theme to Full Screen?

[JenniferNM]

Hi,

I'm trying to change my Daily Dish home page to display as full width, since I'm switching the site over to more of a magazine style.

I've seen some threads here about this, but am a little nervous about what to alter in my stylesheet.

Will changing pixels to percentages do the trick? And if so, can anyone tell me exactly which specifications I need to change? How will I know what size a new header has to be?

Thanks!

http://www.mendingthenest.com

[Brad West]

The Daily Dish theme wasn't built to be a full-width theme, you could make it so, but it will take a little hacking on your css.

Here's what I was able to get with some quick tweaking: http://www.awesomescreenshot.com/image/246462/e8cca2d8fce6e7d12b77ac81f1dc5d78 Not great, but I think it's what's you're aiming for, right?

Gardner and company don't usually build themes using percents. They tend to use hard pixel widths and resize with media queries. The screenshot above uses percents as that was easier to do quickly. You could do some in-browser changes since the site is live and only you would see these changes before you updated the styles on the server. Right click on your page and click "Inspect Element." This will open your Developer Tools and you can see the HTML on the left and the CSS on the right. Poke away. No changes will be saved, but you can get an idea about what is possible.

I'm not sure if I've made things better or worse here. What you're asking for isn't a quick change. You're making structural changes that will affect all other areas on the page. It might be faster and easier to get one of the magazine themes.

[Author]

Posts