Change css for tag cloud in K2 content

Sep '13 Joomla Template
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Oct 30, 2013 6:13 pm
Reply with quote
Report this post
Hi,

In cloudhost the tag cloud when you use K2 content module with tag option the tags appear grey font on light grey background which is a bit sad. How can I change to sky blue with white font so the tags appear nice and crisps ? Where do i edit css? You can see here http://staging2.skipropertyshop.com/
Thanks
davson
User avatar
Fresh Boarder

GK User
Wed Oct 30, 2013 6:39 pm
Reply with quote
Report this post
Could you post a link to exact page where tag cloud is?
User avatar
Moderator

GK User
Wed Oct 30, 2013 6:41 pm
Reply with quote
Report this post
Sorry, never mind its on linked page ;)

Please edit: /templates/gk_cloudhost/css/override.css and add at its end:
Code: Select all
.k2TagCloudBlock a {
background: #00f;
border: 1px solid #E5E5E5;
color: #888;
}


With those 3 colors you can adjust background, border and text color.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Oct 30, 2013 7:31 pm
Reply with quote
Report this post
Thanks Cyberek, looks much better. Is there a way to center or extend to fit precisely width?http://staging2.skipropertyshop.com/
probably asking for too much anyway thanks
davson
User avatar
Fresh Boarder

GK User
Thu Oct 31, 2013 8:05 am
Reply with quote
Report this post
Center the tag cloud elements horizontally?
User avatar
Moderator

GK User
Thu Oct 31, 2013 3:14 pm
Reply with quote
Report this post
Hi Just that if you look you will see tag cloud fine to the left but it would be nice to expand to the right also so that it looks even but not sure it can be done.
User avatar
Fresh Boarder

GK User
Thu Oct 31, 2013 4:10 pm
Reply with quote
Report this post
Please add to override.css:
Code: Select all
.k2TagCloudBlock a {
display: inline-block;
float: none;
}
.k2TagCloudBlock {text-align: center;}
User avatar
Moderator


cron