Joomla Templates Club 406,261 posts

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#183427

Hello!

In this article:

http://173.254.15.37/adventure/132-aconcagua/17871-aconcagua

towards the very bottom where you see the “News and press samplings relative to …”

1) I am trying to make the “News and press samplings relative to …” a more important bold but it seems like I can’t make it any more bold – what’s the secret trick?:)

2) The title of the each news article I want to make a fixed color blue, no matter if user has clicked on the article or not, in the past…
But every time I try to change it to blue, it stays black. Thoughts?

Many thanks

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#477594

1) You can use the css style font-weight: 900; to achieve max boldness. But I am not exactly sure how you can achieve this effect for just that text inside the article container apart from changing the header style such as from H1 to H2, H3, etc.

2) As for the blue, hmmm… it’s not possible to restrict the blue effect to only the hyperlinks under News and Press Samplings since there is no unique CSS class. So the blue color style will affect every hyperlink on the page, though we can minimize that to just the links within the article container.

Try adding this line to the bottom of theme.css

.item-page a {
color: #09c !important;
}

That should overwrite the main style for “a” since its marked as important for precedence.

1 user says Thank You to arucardx for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477674

Thanks @arucardx , the result is interesting…check out:

http://173.254.15.37/adventure/132-aconcagua/17871-aconcagua

It did indeed , as you warned, made all the hyper links blue – a result that I am pondering here as I kind of like it.
I will digest this for a day or so before deciding.

Meanwhile, I notice it made all the tags unreadable down at the bottom, because those tags, from the plugin “showtags” are blue background with white text normally.

Your thoughts?

Many thanks

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#477687

Ah you implemented tagging in Joomla. Well not a problem, first try removing !important from the previous modification in theme.css

If it doesn’t help then just go to plugin/content/showtags/css/showtags.css

Look for

.content-showtags a {
background-color: #2285EB
border-radius: 5px 5px 5px 5px;
color: #FFFFFF
line-height: 30px;
padding: 3px 6px;
}

And replace it with

.content-showtags a {
background-color: #2285EB
border-radius: 5px 5px 5px 5px;
color: #FFFFFF !important;
line-height: 30px;
padding: 3px 6px;
}

1 user says Thank You to arucardx for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477715

Thanks @arucardx , I removed the ! importnat but it did not solve but rather create an orange effect when hover (see live site i’m leaving it like this overnight)

I then went to apply the fix to showtags.css but noticed the code is slightly different that what you posted

All the code in the showtags.css file is like this:

#666666[/URL]
margin: 5px 0;
border-top: 1px dotted #e0e0e0
border-bottom: 1px dotted #e0e0e0
}
.content-showtags ul li {
list-style: none;
display: inline;
}
.content-showtags a {
background-color: #2285EB
color: #ffffff
padding: 3px 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
}
.content-showtags a:hover {
background-color: #ff3300
color: #ffffff
}

Should I still paste over with what you had posted? thanks

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477716

Thanks @arucardx , I removed the ! importnat but it did not solve but rather create an orange effect when hover (see live site i’m leaving it like this overnight)

I then went to apply the fix to showtags.css but noticed the code is slightly different that what you posted

All the code in the showtags.css file is like this:


.content-showtags {
color: #666666
margin: 5px 0;
border-top: 1px dotted #e0e0e0
border-bottom: 1px dotted #e0e0e0
}
.content-showtags ul li {
list-style: none;
display: inline;
}
.content-showtags a {
background-color: #2285EB
color: #ffffff
padding: 3px 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
}
.content-showtags a:hover {
background-color: #ff3300
color: #ffffff
}


Should I still paste over with what you had posted? thanks

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#477724

If you look at .content-showtags a {

There’s a color: #ffffff just change that to color: #ffffff !important;

That’s basically the change.

1 user says Thank You to arucardx for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477757

awesome, thanks.

[Author]

Posts