Joomla Templates Club 406,261 posts

[mpitof Friend mpitofJoin date: January 2011Posts: 23Downloads:0Uploads:10 Thanks: 6]

#197692

My default menu point is a K2 category with article display from several categories.

As you can see here, I’ve created a header called “Siste fra BV Bloggtest” (top of image).

However, I would like the header to be in the same style as all the other module headers:

What is the simplest way to accomplish this?

Thanks!

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534768

So that we can try to best assist you, please provide the url of the site you’re working on

[mpitof Friend mpitofJoin date: January 2011Posts: 23Downloads:0Uploads:10 Thanks: 6]

#534769

http://batpleie.no/bv/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534770

<em>@mpitof 426788 wrote:</em><blockquote>http://batpleie.no/bv/</blockquote>
Can you provide a link to the specific page at issue?

(as I don’t speak/read the language of the site, it is difficult for me to locate the page you’re speaking of)

[mpitof Friend mpitofJoin date: January 2011Posts: 23Downloads:0Uploads:10 Thanks: 6]

#534771

It’s on the front page! I changed the header text now to: JoomlArt This Heading
so just do a Ctrl+F 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534772

Try adding the following within your custom.css file . . .


.componentheading {
background: none repeat scroll 0 0 #1188CC
color: #FFFFFF
font-family: novecento_wide_lightbold;
font-size: 14px;
font-weight: normal;
line-height: 30px;
padding-left: 10px;
text-transform: uppercase;
width: 200px;
}

Better?

1 user says Thank You to TomC for this useful post

1. mpitof

[mpitof Friend mpitofJoin date: January 2011Posts: 23Downloads:0Uploads:10 Thanks: 6]

#534774

I added the code to templates/ja_mitius/css/custom.css file. As you can see, now the text is in CAPS, but not, however, in the same style as the other subheadings…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534776

<em>@mpitof 426794 wrote:</em><blockquote>I added the code to templates/ja_mitius/css/custom.css file. As you can see, now the text is in CAPS, but not, however, in the same style as the other subheadings…</blockquote>

Not sure you properly entered/saved the above CSS into your custom.css file.

I just checked – with a refreshed site – and it wasn’t there.

[mpitof Friend mpitofJoin date: January 2011Posts: 23Downloads:0Uploads:10 Thanks: 6]

#534777

It wasn’t?
I’ve added it to this file: http://batpleie.no/bv/templates/ja_mitius/css/custom.css
Which looks like this to me:

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#534785

@mpitof: I see the missing semi-colon in the templates/ja_mitius/css/custom.css file, please see the highlight in red below:


.componentheading {
background: none repeat scroll 0 0 #1188CC;
color: #FFFFFF;
font-family: novecento_wide_lightbold;
font-size: 14px;
font-weight: normal;
line-height: 30px;
padding-left: 10px;
text-transform: uppercase;
width: 200px;
}


1 user says Thank You to Ninja Lead for this useful post

1. mpitof

[mpitof Friend mpitofJoin date: January 2011Posts: 23Downloads:0Uploads:10 Thanks: 6]

#534858

Thank you, this helps a lot!

Is there a way to make the width of the background expand correctly to the text? Now it is set to 200px “static”.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534896

<em>@Ninja Lead 426811 wrote:</em><blockquote>@mpitof : I see the missing semi-colon in the templates/ja_mitius/css/custom.css file, please see the highlight in red below:

</blockquote>

whoops …. sorry about that

---

Attachments:

1. 

[Author]

Posts