Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 5, 2014 at 3:40 pm #260295
    Angiec13

    Hi- Right now the footer has a box and the text is bold when it’s on the current page that corresponds with the menu. I did some modifications to the css to eliminate the box and bold and keep the text the same, but I think I had too many elements in there. Do you have the css to just keep it the same/make no changes when the person happens to be on that page. Here’s the news and insights page to show you what I’m talking about in the footer: http://grab.by/wB9Y

    Thanks for looking into this.
    angie

    May 5, 2014 at 3:59 pm #260304
    Yigit

    Hi Angiec13!

    Please add following code to Quick CSS as well

    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor { box-shadow: none; }

    Best regards,
    Yigit

    May 5, 2014 at 5:35 pm #260365
    Angiec13

    Thanks– that was perfect! I have the custom css class below on the site and it’s working for everything except changing the text color. I want the footer phone number to be orange and the quote and login to be grey, but they stay white regardless of my css. I noticed that there is a #ffffff; hex code on there for general colors in the footer, but how do I override that in order to get my custom menu classes below to work?

    .number {
    border-bottom: 1px solid #949aa0 !important;
    color: #f05a1a !important;
    font-size: 14px;
    text-align: center;
    font-weight:bold !important;
    width: 150px;
    }

    .quote {
    border-bottom: 1px solid #949aa0!important;
    height:30px;
    vertical-align:center;
    border-color: #333333;
    color: #f05a1a;
    font-size: 14px;
    text-align: center;
    width: 150px;
    }

    .password {
    border-bottom: 1px solid #949aa0 !important;
    border-color: #949aa0;
    color: #f05a1a !important;
    font-size: 14px;
    text-align: center;
    width: 150px;
    }

    • This reply was modified 10 years, 6 months ago by Angiec13.
    May 5, 2014 at 5:42 pm #260370
    Yigit

    Hey!

    Please add following code to Quick CSS and adjust 

    #footer li#menu-item-269 a {
color: orange;
} 
#footer li#menu-item-268 a, #footer li#menu-item-267 a {
color: #888;
}

    Cheers!
    Yigit

    May 5, 2014 at 6:47 pm #260408
    Angiec13

    Awesome- thanks!
    http://grab.by/wByM
    Now the bottom right nav I just customized is doing the whole change when it’s on the current page. I took out the box border, but can’t get the background and the bottom border line to remove. I don’t want it to have any effect on the current page.

    On each of the issues I’m sending firebug is not much help… so, I can eliminate one issue, but can’t find css for another. Sorry for bugging you about it and I wonder what I’m doing wrong in firebug b/c this hasn’t been the case in the past for me.

    Angie

    May 6, 2014 at 5:54 am #260578
    Ismael

    Hi Angie!

    Thank you for the info and the screenshot.

    I checked the website but I don’t see the box on the bottom navigation even when I am on the current page. Did you fix this? What I noticed is that the right navigation with the phone number is not aligned properly. Please use this on Quick CSS or custom.css:

    div#nav_menu-2 {
left: 30px;
}

    Best regards,
    Ismael

    May 6, 2014 at 1:06 pm #260696
    Angiec13
    This reply has been marked as private.
    May 8, 2014 at 2:57 pm #261806
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor {
background: transparent!important;
margin: 0;
padding: 0;
border: none!important;
}

    Regards,
    Yigit

    May 13, 2014 at 9:55 pm #264257
    Angiec13

    http://grab.by/wQMY

    http://162.243.199.220/get-a-quote/

    Hi– see screenshot. I used the code you gave me, without the “border” css to save the border on the menu and it moved it all left. Using margin and padding css moved the text and not the bottom border. Any idea how I can get the text, border, everything to stay just as it is when I’m not on that page even when the user is on the page?

    We launch tomorrow, so if you look at this then, and the link is wrong above let me know. Thanks for your help.
    Angie

    May 14, 2014 at 2:50 am #264384
    Ismael

    Hi!

    Thank you for the update.

    Please use this on Quick CSS or custom.css:

    #nav_menu-2 ul:first-child>.current_page_item {
left: 0 !important;
}

    Cheers!
    Ismael

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