Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 15, 2014 at 5:53 pm #265391
    mfinlayson

    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 enfold

    URL 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 #265699
    Josue

    Hey!

    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 #266001
    mfinlayson
    This reply has been marked as private.
    May 16, 2014 at 11:31 pm #266005
    Josue

    Hey!

    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!
    Josue

    May 17, 2014 at 12:58 am #266039
    mfinlayson
    This reply has been marked as private.
    May 17, 2014 at 2:18 am #266062
    Josue

    Hi!

    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!
    Josue

    May 17, 2014 at 5:08 am #266075
    mfinlayson
    This reply has been marked as private.
    May 17, 2014 at 5:28 pm #266146
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-main-nav ul li a:hover .avia-menu-text { color: #888; }
#top .alternate_color.title_container .main-title a { color: black; }

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.