Community Forums › Forums › Archived Forums › Design Tips and Tricks › Daily Dish Customizations
- This topic has 16 replies, 3 voices, and was last updated 8 years, 1 month ago by
sarahlumsden21.
-
AuthorPosts
-
May 6, 2015 at 10:40 am #150388
seoskyrocket
MemberI'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.comMay 7, 2015 at 7:43 am #150617vajrasar
Member1) 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-container4) 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.
May 7, 2015 at 12:20 pm #150738seoskyrocket
MemberThanks 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.
May 7, 2015 at 12:45 pm #150741seoskyrocket
MemberNever mind. I see what I did wrong. It looks great! Thank you, sir!
May 7, 2015 at 12:52 pm #150742seoskyrocket
MemberI 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.
May 7, 2015 at 1:07 pm #150745seoskyrocket
MemberAs 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!
May 7, 2015 at 1:15 pm #150747seoskyrocket
MemberI 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.
May 7, 2015 at 1:39 pm #150757vajrasar
MemberHang on. Changes should also be made to media-queries to support smaller devices.
I make WordPress websites using Genesis Framework.
May 7, 2015 at 1:57 pm #150763vajrasar
MemberOkay, 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.
May 7, 2015 at 2:37 pm #150776seoskyrocket
MemberMay 7, 2015 at 2:40 pm #150782vajrasar
MemberOnly edit the elements, also add the ones that are not there currently.
I make WordPress websites using Genesis Framework.
May 7, 2015 at 3:50 pm #150793seoskyrocket
MemberThat looks great. I think the only thing left is the 768px width. Thanks again!
May 7, 2015 at 4:35 pm #150794seoskyrocket
MemberOther 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!
May 8, 2015 at 1:13 am #150860vajrasar
MemberI 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.
May 13, 2015 at 11:18 pm #152126seoskyrocket
MemberI 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.
May 14, 2015 at 1:30 am #152130vajrasar
Memberadd
padding-top: 20px;
to.site-inner
and you are good to go.
I make WordPress websites using Genesis Framework.
December 29, 2016 at 11:11 am #198434sarahlumsden21
MemberHello,
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
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.