WordPress.org

Ready to get started?Download WordPress

Forums

Adelle
[resolved] Chaging text color on Navigation Bar? (5 posts)

  1. VidhiV
    Member
    Posted 3 months ago #

    Hi Team,

    I have been trying to figure out how do I change the text color on the navigation Menu in Adelle theme.

    I am also looking at changing the wigly separators to a straight line.

    Please Please help as I am extremely naive when it comes to CSS.

    Awaiting a revert.

    Thank you all :)

    https://wordpress.org/themes/adelle/

  2. Damon Cook
    Member
    Posted 3 months ago #

    Hi VidhiV,

    "text color on the navigation Menu"

    try this:

    .nav a {
        color: #f00000; /* put any custom hex color you like */
    }

    I imagine you might want to then also change the hover color too, which would be:

    .nav a:hover {
        color: #fff; /* your custom hex color here */
    }

    Here is a color picker for you to choose your color: http://www.colorpicker.com/

    I am also looking at changing the wigly separators to a straight line.

    Try this:

    .side-widget {
        background-image: none;
        position: relative;
    }
    .side-widget:after {
        width: 260px;
        height: 1px;
        background-color: #000;
        position: absolute;
        content: '';
        display: block;
        bottom: 0;
        left: 50%;
        margin-left: -130px;
    }

    You can add your custom CSS with Jetpack plugin's Custom CSS module: http://jetpack.me/support/custom-css/

  3. VidhiV
    Member
    Posted 3 months ago #

    Thank you sooooo much!

    All of this worked :)) Thanks a lot!

    could help me with a few more things please?

    1. Is it possible to change the colors of the wigly (now straight) lines?

    2. Also the color and font of the text in the Widgets?

    I am talking about my website bareskinessentials.com

    (so in this case changing the font and color of the widget headings like Stay updated etc. and their description and the color and font of links in recent comments and recent posts)

    3. The color of links in the post Eg. Comments, More etc.

    Apologize for the long questions. Response would be of GREAT help :)

  4. Damon Cook
    Member
    Posted 3 months ago #

    1. Is it possible to change the colors of the wigly (now straight) lines?

    Using the previously provided code, see the background-color line below:

    .side-widget:after {
        width: 260px;
        height: 1px;
        background-color: #000; /* replace #000 with your desired hex color value */
        position: absolute;
        content: '';
        display: block;
        bottom: 0;
        left: 50%;
        margin-left: -130px;
    }

    2. Also the color and font of the text in the Widgets?

    .side-widget h3 {
        color: #888; /* replace #000 with your desired hex color value */
    }

    3. The color of links in the post Eg. Comments, More etc.

    a {
        color: #ff8f85; /* replace #000 with your desired hex color value */
    }

    Cheers.

  5. VidhiV
    Member
    Posted 3 months ago #

    Cannot Thank you enough!

    All of it has worked :)

    Thank you so very much for the help :)

Reply

You must log in to post.

About this Theme

About this Topic

Tags