Joomla Templates Club 406,261 posts

[prn2007 Friend prn2007Join date: September 2008Posts: 11Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#134373

First of, Pyrite is the the best layout out there!

Being a noobie to css changes and all that, would appreciate your help on the following:

1. how to I change the font size of topmenu & how do I avoid the line break in titles as shown in screen1

2. How can I change colour of 3rd tier submenu items – see screen2

3a. How do I change the colour of font size tool to black as well
3b. How can I change font size of breadcrumb navigation bar

4. How do I change the font size of menu block titles with the curl in front / back? Can I make them bold and/or change colour?

5. Front page title “Welcome to PA Pyrite” – can the font colour for this heading only be changed

Thanks in advance

---

Attachments:

1. 
2. 
3. 

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275137

Yes…you can do all of those things.
Can you share a URL…then we can recommend corrective action based on your site.

Thanks,
John.

[prn2007 Friend prn2007Join date: September 2008Posts: 11Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#275139

John, thanks for quick reply!

Unfortunately I am still working with a test instllation on my home server, so no public url – that’s why I included screenshots in the post….

Hop you or somebody else can still direct me to some solutions…

Cheers

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275157

Here we go…

<em>@prn2007 85649 wrote:</em><blockquote>

1. how to I change the font size of topmenu & how do I avoid the line break in titles as shown in screen1</blockquote>
The font size is controlled in template.css (line 841)


#ja-mainnav {
border-left:1px solid #DDDDDD;
font-size:115%;
}
But what you should try first is to reduce the blank area to the left and right of the menu title first. It looks bad to have small fonts in a big box. To reduce the blank spacing all around the menu title go to ja.splitmenu.css (line 33)


#ja-splitmenu a {
color:#333333;
display:block;
float:left;
font-variant:small-caps;
letter-spacing:1px;
padding:8px 20px;
text-decoration:none;
}
The “8px” controls the spacing above and below the menu title…and the “20px” is the size to the left and right of the menu title.
================================================================================================

<blockquote>
2. How can I change colour of 3rd tier submenu items – see screen2</blockquote>
This is controlled in template.css (line 926)


ul.menu li a {
display: block;
outline: none;
padding: 8px 5px;
margin: 0;
text-decoration: none;
color: #333333;
}
================================================================================================
<blockquote>
3a. How do I change the colour of font size tool to black as well</blockquote>
The font size tools are actually images…not text. So in order to change their color, you’ll need to change the color of the images. There are three of them:
templates/ja_pyrite/images/user-increase.gif
templates/ja_pyrite/images/user-reset.gif
templates/ja_pyrite/images/user-decrease.gif
================================================================================================
<blockquote>
3b. How can I change font size of breadcrumb navigation bar</blockquote>
The color of the breadcrumbs is controlled in template.css (line 812)


#ja-tpwrap {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:1px;
text-transform:uppercase;
}
================================================================================================
<blockquote>
4. How do I change the font size of menu block titles with the curl in front / back? Can I make them bold and/or change colour?</blockquote>
The font side for the Component Headers is controlled in template.css (line 343)


h1.componentheading, .componentheading {
font-size:115%;
}
================================================================================================
<blockquote>
5. Front page title “Welcome to PA Pyrite” – can the font colour for this heading only be changed
</blockquote>
The Article titles, such as “Welcome to PA Pyrite” is controled in template.css (line 360)
You can add a specific color by adding a line as I have below. The example below changes the headline color to match the color of the Orange theme.


h2.contentheading, .contentheading {
color:#D97900;
font-size:250%;
margin:0;
padding:0;
}

Hope this help you!
Have fun!
John.
=============
If this has been of help to you, please press the “Thank You” button ===== >

2 users say Thank You to John Wesley Brett for this useful post

1. prn2007
2. prn2007

[prn2007 Friend prn2007Join date: September 2008Posts: 11Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#275162

Great stuff… will keep me busy for a while – Thanks!

1 user says Thank You to prn2007 for this useful post

1. genu172

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275163

How about a press on the ol’ thank you button! I would appreciate it.

1 user says Thank You to John Wesley Brett for this useful post

1. genu172

[prn2007 Friend prn2007Join date: September 2008Posts: 11Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#275167

John – I pressed the “thank you” on each of your posts each time I get this message

prn2007, you do not have permission to access this page. This could be due to one of several reasons:

Your user account may not have sufficient privileges to access this page. Are you trying to edit someone else’s post, access administrative features or some other privileged system?
If you are trying to post, the administrator may have disabled your account, or it may be awaiting activation.

Would appreciate your advise how to fix this, so that I can thank you “properly”….

Taking the risk to overstay my welcome….. On point 4 – how to change the colour of the menu headings, please attached image (I used your colour code from your reply on my item5) – I would like to change colour & font weight of “Main Menu” (left side of image) not “PRN News” (right side of image)

Thanks in advance

---

Attachments:

1. 

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275168

No worries, man! They updated this Forum software yesterday and its been kinda fluky. 🙂

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275169

Not a problem at all.

That’s controlled by template.css (line 709)


div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3 {
background:transparent url(../images/h3-bg.gif) no-repeat scroll center center;
color:#333333;
font-size:135%;
}

And if you want to BOLD the text…just add “font-weight:bold;” in that mix as well.

Can’t wait to see what you do with this template. You’re snippets look great! 🙂

Have a GREAT week.
John.

1 user says Thank You to John Wesley Brett for this useful post

1. prn2007

[prn2007 Friend prn2007Join date: September 2008Posts: 11Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#275181

John – that did the trick – thanks….

As you are properly more familiar with the “powers-that-are” here, could you take up the matter of “Thank You” button with them please – you helped me a lot & fast, so I would like to compensate in kind….

Additionally, there seems to be a bug with the “quick reply to post” – it initially focuses on the quick reply box at the bottom of article page and then generates the normal reply to thread page with full quote of artcile relevant to the “quick reply” button….

Thanks again, once I am done, I pm you the url for your comments….

Cheers

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275254

PRN…

They have been notified and are working on that and other issues that cropped up.

Thanks again,
John.

[Author]

Posts