• Resolved Kreative71

    (@kreative71)


    I need some help to finish these work.

    The menu on the upper left corner must be without lines and letters in bold and color pink. When put the mouse on change to black.

    And in the footer is the opposite. letters are in the right color but on mouse over change to pink.

    Can anyone help me ?

    Thanks.

    I am using the Custom CSS Manager.

    The site: belezacorderosa.com

    The code:

    /* Hover title color dos links dos artigos principais */
    .home .hentry .entry-title a:hover,
    .page-template-front .hentry .entry-title a:hover,
    .archive .hentry .entry-title a:hover,
    .search .hentry .entry-title a:hover .archive {
    color: #f41ff4;
    border-color: #f41ff4;
    border-bottom: #f41ff4;
    }

    /* Post title for other pages */
    a, a:visited, {
    color: #cccccc !important;
    }

    /* Remove link from footer */
    #sidebar-subsidiary a:hover{
    border-bottom: 0;
    }

    /*Change the color form upper right menu */
    #menu-secondary li a,
    #menu-secondary li a:hover {
    background: #ffffff;
    }

    #menu-secundary li a:focus {
    color: #f41ff4; !important;
    }

Viewing 8 replies - 1 through 8 (of 8 total)
  • To get rid of the lines, try this:

    #menu-secondary-items li a {
    	border-bottom: 0;
    }

    For the pink color, instead of this:

    #menu-secundary li a:focus {
    color: #f41ff4; !important;
    }

    try this:

    #menu-secundary li:hover {
    color: #f41ff4;
    }

    Thread Starter Kreative71

    (@kreative71)

    Ok.

    Thanks for the answer.

    I will try this afternoon and will tell you something about it.

    Best regards.

    Thread Starter Kreative71

    (@kreative71)

    Thank you.

    It Works. The lines disappear.

    But in the upper left menu, i would like the options in pink and on hover it changes to black.

    One last question if i may.

    And above footer the options stay in black and on hover change to pink.

    Thanks again for your precious help.

    Best regards.

    Thread Starter Kreative71

    (@kreative71)

    My code now is:

    /* Hover title color dos links dos artigos principais */
    .home .hentry .entry-title a:hover,
    .page-template-front .archive .search .archive {
    color: #f41ff4;
    border-color: #f41ff4;
    border-bottom: #f41ff4;
    }

    /* Post title for other pages */
    a, a:visited, {
    color: #cccccc !important;
    }

    /* Remove link from footer */
    #sidebar-subsidiary a:hover{
    border-bottom: 0;
    }

    /*Change the color form upper right menu */
    #menu-secondary li a,
    #menu-secondary li a:hover {
    background: #e8dccc;
    }

    /* pink color in footer menu */
    #menu-secundary li:hover {
    color: #f41ff4;
    }

    /*To get rid of the lines of upper menu left */
    #menu-secondary-items li a {
    border-bottom: 0;
    }

    /* Menu items on left pink by default */
    #menu-secondary-items li a {
    	color: #F41FF4;
    }
    /* Menu items on left black on hover */
    #menu-secondary-items li a:hover {
    	color: #000;
    }
    /* Footer widgets links pink on hover */
    .widget_meta li a:hover,
    .widget-pages li a:hover,
    .widget_recent_comments li a:hover {
    	color: #F41FF4;
    }

    Confusing with your code.. :s what you do? not understanding……..

    @asif, do you not understand CSS? You can take an online tutorial at W3 Schools.

    Thread Starter Kreative71

    (@kreative71)

    Thank you very much.

    Apreciate your help and the link to CSS Tutorial.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Need little help in color links to finish work.’ is closed to new replies.