keyword page - changing font size?

ChancyRat · April 25, 2014

500th time to try to post to the forum, hope this works (I've been getting blank pages on any browser).

How do I change the font size on the keyword page?
http://www.joinrats.com/keyword

I swear this code used to work but no more.
Thanks much.

.sm-page-widget-feed .sm-feed-item-description {
    max-width: none !important;
    font-size: 22px;
}

.sm-page-widget-keywords a {
   color: #000 !important;
}

.sm-page-widget-keywords a :hover,
.sm-page-widget-keywords a:hover {
   color: #247AFF !important;
}

Smug Eric · April 25, 2014

this should work for you:

.sm-keywords-list {
font-size: 22px;
}

ChancyRat · April 25, 2014

Color and image background on keyword page?
Thanks Eric, Perfect.
How about, what is the code that will let me put a background color around the keywords (like they were in a table) - where the plan is to also add an image background? Similar to this page:

http://www.joinrats.com/AllVideos/

Allen · April 25, 2014

ChancyRat wrote: »

Thanks Eric, Perfect.
How about, what is the code that will let me put a background color around the keywords (like they were in a table) - where the plan is to also add an image background? Similar to this page:

http://www.joinrats.com/AllVideos/

Try this

.sm-page-node-TzGCr .sm-page-widget-keywords {
   background-color: rgba(251, 242, 201, 0.95);
   padding: 10px;
   box-shadow: 0px 0px 6px 0px #000;
   text-transform: capitalize
}

ChancyRat · April 26, 2014

Allen wrote: »

Try this

.sm-page-node-TzGCr .sm-page-widget-keywords {
   background-color: rgba(251, 242, 201, 0.95);
   padding: 10px;
   box-shadow: 0px 0px 6px 0px #000;
   text-transform: capitalize
}

Thank you AL-LEN.
A nagging problem that has haunted me through dozens of pages: How do I get the text content [in this example it's an image] of a box, to center in a box? I have tried 100 variations on position, align, etc., in both the html and the CSS. Always the content left-justifies inside the box.

On this page my fix is to switch back and forth between the size of the box and the size of the image, until I achieve a very small box such that the content appears to be centered.

What I want sometimes is to have a very wide box but small text or image content to be centered in it.
I know how to align the box itself, but not the content in it.
http://www.joinrats.com/keyword

<div style="font-size: 1px;">
<div id="box">
<div style="background-color:ivory; box-shadow: 0px 0px 3px 0px #000000;">
<img src="http://www.joinrats.com/photos/i-8XPBb7...." height="100%" width="100%" alt="image" />
</div></div></div>

#box {
width: 250px;
margin: left;
background-position: 0px 0px;
background-size: 100%;
}

Allen · April 27, 2014

Create a div inside the box and set this inter div width. Then auto R/L margin will center that width.

Be careful naming div's, an ID name can only be once on a page.

ChancyRat · April 27, 2014

Allen wrote: »

Create a div inside the box and set this inter div width. Then auto R/L margin will center that width.

Be careful naming div's, an ID name can only be once on a page.

Thank you again - your semi-scary puzzle instruction was not that painful in the end.

keyword page - changing font size?

Comments