Tagged: Header Background, nav bar
-
AuthorPosts
-
May 15, 2014 at 5:53 pm #265391
You probably already covered this in the forums but when searching I was not able to find an answer. I really enjoy using Enfold. I started with a different theme and want to pull that style into the enfold theme. For now here are the main things I would like to do.
1) I would like to have a header image appear below the logo. (I tried using the thread where you explain what to add to the functions.php but the background is not behind the logo)
2) I would like to change the nav bar so that it is a solid color when you hover
3) I would like to add a style to each page/post (border with a radius of 20px) So each page of the site would have rounded corners along with a border. Hope that makes sense.
Here are two URLs so hopefully you can see what I mean.
URL of site with style but not enfoldURL using the enfold theme but not correct style
- This topic was modified 10 years, 5 months ago by mfinlayson.
May 16, 2014 at 4:44 am #265699Hey!
Try adding this code to the Quick CSS:
.header_bg { background: #FFFFFF url(https://www.msfwebdesign.com/chrisabbott_dev/wp-content/uploads/genesis-extender/plugin/images/header_background.jpg) no-repeat; } #header_main_alternate { background: black; } #avia-menu > li > a .avia-menu-text { color: white !important; } .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a, .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child{ height: 50px; line-height: 50px; } @media only screen and (min-width: 767px) { body#top { margin-top: 50px !important; } } div#wrap_all { border-radius: 20px; overflow: hidden; } a#advanced_menu_toggle { color: black; }
Disable the sticky header option after you apply the code.
Cheers!
Josue- This reply was modified 10 years, 5 months ago by Josue.
May 16, 2014 at 11:22 pm #266001This reply has been marked as private.May 16, 2014 at 11:31 pm #266005Hey!
Change this part in my code:
#header_main_alternate { background: black; } #avia-menu > li > a .avia-menu-text { color: white !important; }
To this:
#header_main_alternate, .sub-menu li a:hover{ background: #595959 !important; } #avia-menu li a:hover{ background: #641816 !important; }
The other thing is probably happening because the color property is getting overwritten, try:
.main-title.entry-title { font-size:32px; color:#000000 !important; }
Cheers!
JosueMay 17, 2014 at 12:58 am #266039This reply has been marked as private.May 17, 2014 at 2:18 am #266062Hi!
It seems you have not added this code:
#header_main_alternate, .sub-menu li a:hover{ background: #595959 !important; } #avia-menu li a:hover{ background: #641816; }
The website should look like this:
Cheers!
JosueMay 17, 2014 at 5:08 am #266075This reply has been marked as private.May 17, 2014 at 5:28 pm #266146 -
AuthorPosts
- You must be logged in to reply to this topic.