Daily Dish Customizations

[seoskyrocket]

I'm using Daily Dish Pro and am attempting to make the customizations below so that the header, footer, and background look more like the header and footer of this theme: http://themeforest.net/item/hyperbule-wordpress-theme/full_screen_preview/10164656

1) Can I remove the frame that separates the content area of each page from the background?

2) Can I remove the background altogether from above the header and below the footer so that the header is flush with the top of the screen and the footer flush with the bottom?

3) Can I make the entire header, including the navigation menus, full-width?

4) Can I make the entire footer full-width?

5) Can I insert a full-width Soliloquy slider between the header and the content area of the homepage only?

Thank you guys for your help!

http://dougwils.com

[vajrasar]

1) remove margin from .site-inner and padding from .site-container

2) make margin as margin: 0 auto from .site-container

3) make max-width: 1200px and margin: 0 auto on .site inner
then remove max-width: 1200px from .site-container

4) above modification will do that for you

5) Yes, that can be done. This will help you get started - https://sridharkatakam.com/full-width-soliloquy-slider-genesis/

---

I make WordPress websites using Genesis Framework.

WordPress/Genesis Development | Customizations

[seoskyrocket]

Thanks for your help! I don't know if I did something wrong, but the changes I made also removed the margins from the content area so that the content is now touching the left side of the page. My goal for the header and footer to be full-width and for the area between the header and footer to maintain the default styling with the exception of the removal of the line that separates the content area from the background. Thank you again for spending your time on this. It's a huge help and I think it make the site look WAY better.

[seoskyrocket]

Never mind. I see what I did wrong. It looks great! Thank you, sir!

[seoskyrocket]

I think I did change something that removed some of the spacing in the content area that is native to the theme. I notice that the sidebar and content area on the homepage are pushed up against the bottom of the slider.

[seoskyrocket]

As an update, I pasted in a clean stylesheet from the Daily Dish Pro theme, walked through the steps you gave me, and the spacing in the content area is still off a bit. In addition to the sidebar and content area being flush with the bottom of the nav menu, the default spacing between the content area and the sidebar has changed so that the two seem oddly far apart. Thanks again for your help!

[seoskyrocket]

I also notice that the formatting reverts back to the native Daily Dish look on smaller browsers. I realize that you owe me nothing, so I'm very thankful for your grace.

[vajrasar]

Hang on. Changes should also be made to media-queries to support smaller devices.

---

I make WordPress websites using Genesis Framework.

WordPress/Genesis Development | Customizations

[vajrasar]

Okay, so try these changes - http://pastebin.com/FPzGzhXr

Let me know if something is not right after this.

Also, make a copy of original style sheet, just in case, like you did before.

---

I make WordPress websites using Genesis Framework.

WordPress/Genesis Development | Customizations

[seoskyrocket]

@media only screen and (max-width: 1199px) { has a lot of other options under it. Should I edit those or replace those with the code you gave me? Also, there is no .site-inner { under @media only screen and (max-width: 1199px) {, so should I just add it? Thanks, again.

[vajrasar]

Only edit the elements, also add the ones that are not there currently.

---

I make WordPress websites using Genesis Framework.

WordPress/Genesis Development | Customizations

[seoskyrocket]

That looks great. I think the only thing left is the 768px width. Thanks again!

[seoskyrocket]

Other than the 768px width media, the only other issue I notice is that the blog posts and sidebar are pushed up against the bottom of the nav menu on the subpages. Is there a way to change that without doing away with the Soliloquy formatting on the homepage? Thanks!

[vajrasar]

I cannot help unless I see a live example of the problem. I see that you have not applied any changes to live site as of right now.

---

I make WordPress websites using Genesis Framework.

WordPress/Genesis Development | Customizations

[seoskyrocket]

I think you should be able to see the issue now. Check this page, for example: http://dougwils.com/s7-engaging-the-culture/my-militance.html

You'll notice that the breadcrumbs bar and the top of the dog's head are touching the bottom of the nav menu whereas the theme natively places some spacing there.

[vajrasar]

add padding-top: 20px; to .site-inner and you are good to go.

---

I make WordPress websites using Genesis Framework.

WordPress/Genesis Development | Customizations

[sarahlumsden21]

Hello,

I know this was posted over a year ago.. but I really like the layout of your website and I was hoping that I could make mine look like yours too... except I am very new to websites and coding and was hoping you could explain what you mean by this

"1) remove margin from .site-inner and padding from .site-container

2) make margin as margin: 0 auto from .site-container

3) make max-width: 1200px and margin: 0 auto on .site inner
then remove max-width: 1200px from .site-container"

How do I make these changes and where do I input them into wordpress?

Thank you 🙂

Sarah

[Author]

Posts