Bold Hyperlink

tobeme

Ho to make hyperlinks bold consistently throughout the site?

Thanks


http://www.wallacehuo.info/Bio

Hikin' Mike

Try this:

.sm-user-ui a {
    font-weight: bold;
    }

tobeme

Thanks Mike. One more question: how to change the hyperlinks to a different color I want?

Darter02

This is what I use. Found on this forum ages ago. I place this in my theme's CSS.

A:link {
 COLOR: #[COLOR="Red"]COLOR CODE[/COLOR]!important; /*The color of the link*/
}
A:visited {
 COLOR: #[COLOR="Red"]COLOR CODE[/COLOR]!important; /*The color of the visited link*/
}
A:hover {
 COLOR: #[COLOR="Red"]COLOR CODE[/COLOR]!important; /*The color of the mouseover or 'hover' link*/
}

Hikin' Mike

tobeme wrote: »

Thanks Mike. One more question: how to change the hyperlinks to a different color I want?

I included the hover color if you want to change that too...

.sm-user-ui a {
    font-weight: bold;
    color: #f00;
    }
    
    /* Hover Color */
.sm-user-ui a:hover {
    color: #ccc;
    }

tobeme

Thank you, Darter & Mike.

tobeme

I put this in CSS (entire site) but no hover and no color, just the bold.

.sm-user-ui a {
font-weight: bold;
color: #f00;
}

/* Hover Color */
.sm-user-ui a:hover {
color: #ccc;
}

Allen

You might have to add !important to each.

.sm-user-ui a {
font-weight: bold !important;
color: #f00 !important;
}

/* Hover Color */
.sm-user-ui a:hover {
color: #ccc !important;
}

tobeme

Thanks Allen

I know what is the issue I have. I have the following codes to change my nav bar as well as the color of the title underneath the folders.

/* Bold the menu nav links in the HEADER */
.sm-page-layout-region-top .sm-page-widget-nav-toplink {
font-weight: 500;
}


/* Change the way the sub-menu bar looks */
.sm-page-layout-region-top .yui3-menu-item .yui3-menu-label {
padding: 5px 15px 4px 9px !important;
font-size: 16px;
background-color: rgba(0, 0, 0, 0.0);
}


/* Set the background transparency on the navbar */
.sm-page-widget-nav .sm-page-widget-nav-popover .yui3-menu,
.sm-page-widget-nav .sm-page-widget-nav-popover .yui3-menu-children {
background-color: rgba(68, 68, 68, 0.3);
}

/* Remove the border lines which give a box effect on the navbar */
.sm-page-widget-nav .sm-page-widget-nav-popover .yui3-menu,
.sm-page-widget-nav .sm-page-widget-nav-popover .yui3-menu-children {
border-style: none;
}
.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-sublinks-separator .yui3-menu .yui3-menu-label {
border-style: none;
}
.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-sublinks-separator .yui3-menu .yui3-menu-label:hover {
border-style: none;
}



/* Change the color of the title appearing underneath the folders*/
.sm-user-ui .sm-tile-content > .sm-tile-info,
.sm-user-ui .sm-tile-info .sm-tile-title {
color: white;
}


After adding !important the code works. However, if I implemented that code, it would also affect the color of the nav bar as well.

tobeme

Appreciate if someone can help to work around the menu bars and yet can highlight the hyperlinks with a different color. It seems that the codes I used for the nav bar also affect the rest of the hyperlinks, which changed all my hyperlinks into a white highlight. But if I used the below code my menu bar will also be affected.

.sm-user-ui a {
font-weight: bold !important;
color: #f00 !important;
}

/* Hover Color */
.sm-user-ui a:hover {
color: #ccc !important;
}

Hikin' Mike

Deleted wrong code.

Hikin' Mike

Can you post a page were you have a hyperlink in the text? I didn't see any link on the page you posted here: http://www.wallacehuo.info/Bio

tobeme

Here is a link: http://www.wallacehuo.info/Projects

Allen

tobeme wrote: »

Here is a link: http://www.wallacehuo.info/Projects

You can make it specific to the text blocks.

.sm-user-ui .sm-widget-text a {
font-weight: bold !important;
color: #f00 !important;
}

/* Hover Color */
.sm-user-ui .sm-widget-text a:hover {
color: #ccc !important;
}

tobeme

Yes, this resolves the problem nicely. Thanks