Public Forums 71,145 posts

[ltrullen Friend ltrullenJoin date: August 2012Posts: 2Downloads:0Uploads:0 Thanks: 2]

#180279

Hello,

I’m preparing a web-site based in JA_Purity II template. I’ve changed header-mask and header images sizes, but now I want to change the slogan text size in logo text option and I don’t know how to do it.

I edited template.css file in this way (line 423 aproximately) but it doesn’t work:


p.site-slogan {
color: #999
display: block;
font-size: 24px
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: none;
}

If you want to check the web site: http://lloc-prova.institutvaleriapujol.cat/

Thanks!!

Luis

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#465494

Look for this code in template.css

h1.logo, div.logo-text h1 {

• font-size: 250%; < change this
• line-height: 1;

}

To make your life easier go to Template Manager / Purity and set in Global, optimise css to ‘no’ and developer mode ‘on’ then you can easily use Chrome Developer Tools or Firebug to find the code.

Hope that helps.

1 user says Thank You to swissa for this useful post

1. ltrullen

[ltrullen Friend ltrullenJoin date: August 2012Posts: 2Downloads:0Uploads:0 Thanks: 2]

#465497

Thanks, it has been very useful.

Finally, I modified template.css in this way:

p.site-slogan {
background: #444 < delete this line in order to eliminate the slogan line background
color: #999
display: block;
font-size: 85%; < change font-size: 28px or another value
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
}

I deleted p.site-slogan in this piece of code:

small, .small { color: #999 }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

Now it’s working correctly

The code you wrote affects the logo text, but I wanted to modify the following line, the slogan line.

[Author]

Posts