Front Page font Colors Change

This topic contains 14 replies, has 3 voices, and was last updated by  Alex Rollin 6 years, 4 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #455966

    hbscreatives
    Expired Member
    Post count: 70

    Hello,

    Please help me,,,
    change front page font colors separately other page’s colors.
    Especially navigation font colors and center letters.

    Because of the front page background photo,the menue black fonts are now visible.
    but we have to keep the menu colors in black for other all pages.

    Please let me know how to change frontpage font colors separately.
    or please let me know CSS…

    terraideal.com

    #455973

    Kor
    Moderator
    Post count: 16516

    Hi HBS,

    Thanks for your post. You can use the custom CSS code below to do what you need. Also, go through this article when you have the time https://wpgeodirectory.com/docs/customizing-your-style/ .

    
    
    /* Navigation Menu Font Color*/
    .site-header a, .site-header a:visited {
        color: #fff;
    }
    
    /* Featured Title Font Color*/
    .sd .featured-area h1.entry-title {
        color: pink;
    }
    #455976

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #455980

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for your reply. Try replacing the custom CSS I’ve provided earlier with the below and see if it helps?

    
    
    /* Navigation Menu Font Color*/
    .home .site-header a, .home .site-header a:visited {
        color: #fff;
    }
    
    /* Featured Title Font Color*/
    .home.sd .featured-area h1.entry-title {
        color: pink;
    }
    #455992

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #456043

    Kor
    Moderator
    Post count: 16516

    Hi HBS,

    Thanks for your reply. You can use the custom CSS code below to achieve this. Kindly refer to this article https://wpgeodirectory.com/docs/customizing-your-style/ that explains how this is done.

    
    
    #primary-nav ul .sub-menu a, #primary-nav ul .sub-menu a:hover{
        background-color: transparent!important;
    }
    #456116

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #456145

    Kor
    Moderator
    Post count: 16516

    Hi HBS,

    Thanks for your reply. It says that your account has been suspended when I inspected your Website.

    Thanks!

    #456222

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #456287

    Kor
    Moderator
    Post count: 16516

    Hi HBS,

    Thanks for your reply. You can use the custom CSS code below to achieve what you needed there.

    
    
    #primary-nav ul .sub-menu li {
        height: 50px;
    }
    #456624

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #456639

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #456810

    Kor
    Moderator
    Post count: 16516

    Hi HBS,

    Thanks for your reply. Let’s do this one at a time. I’ve just inspected your Website and the navigation menu looks like as shown in the attached. Did you fix it on your own?

    Thanks!

    #456868

    hbscreatives
    Expired Member
    Post count: 70
    This reply has been marked as private.
    #456893

    Alex Rollin
    Moderator
    Post count: 27815

    That error is not generated by GeoDirectory. Try disabling other plugins to find out which one is handling that.

    Marking this thread as resolved, please open a new topic if you have more questions.

    Thanks

Viewing 15 posts - 1 through 15 (of 15 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount