WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need little help in color links to finish work. (9 posts)

  1. Kreative71
    Member
    Posted 10 months ago #

    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;
    }

  2. CrouchingBruin
    Member
    Posted 10 months ago #

    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;
    }
  3. Kreative71
    Member
    Posted 10 months ago #

    Ok.

    Thanks for the answer.

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

    Best regards.

  4. Kreative71
    Member
    Posted 10 months ago #

    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.

  5. Kreative71
    Member
    Posted 10 months ago #

    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;
    }

  6. CrouchingBruin
    Member
    Posted 10 months ago #

    /* 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;
    }
  7. Asif Mushtaq
    Member
    Posted 10 months ago #

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

  8. CrouchingBruin
    Member
    Posted 10 months ago #

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

  9. Kreative71
    Member
    Posted 9 months ago #

    Thank you very much.

    Apreciate your help and the link to CSS Tutorial.

Reply

You must log in to post.

About this Topic