Joomla Templates Club 406,261 posts

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#640162

On the headers for the sidebar module, is there any way to extend the background color of the header to full width of the module, and maybe then center the text?

Right now it only goes as far as there is letters

See image

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

#644867

Try This . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/teline_v/css/

Within that custom.css file, paste the following CSS rule:


.module-title {
text-align: center;
width: 100%;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

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

#743498

Try This . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/teline_v/css/

Within that custom.css file, paste the following CSS rule:


.module-title {
text-align: center;
width: 100%;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#644869

I thought the module was t3-sidebar, and so when I changed it like above, it went haywire:

Any suggestions?

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#743500

I thought the module was t3-sidebar, and so when I changed it like above, it went haywire:

Any suggestions?

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

#644870

Hmmmm, that’s odd . . . It worked fine when I tested it out in Firebug. :((

Get rid of that CSS rule in your custom.css file and I’ll take another look.

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

#743501

Hmmmm, that’s odd . . . It worked fine when I tested it out in Firebug. :((

Get rid of that CSS rule in your custom.css file and I’ll take another look.

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#644871

OK, I got rid of the CSS

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#743502

OK, I got rid of the CSS

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

#644872

Try adding this entire CSS rule to custom.css:


.module-title {
background: #cc0000 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-family: "Roboto Condensed","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal;
margin: 0;
padding: 6px 12px;
text-align: center;
text-transform: uppercase;
width: 100%;
}

See how that works.

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

#743503

Try adding this entire CSS rule to custom.css:


.module-title {
background: #cc0000 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-family: "Roboto Condensed","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal;
margin: 0;
padding: 6px 12px;
text-align: center;
text-transform: uppercase;
width: 100%;
}

See how that works.

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#644873

Ugh … that didn’t do it

here is the URL of that page: http://goturpin.com/2015_Teline/index.php/fall/football

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#743504

Ugh … that didn’t do it

here is the URL of that page: http://goturpin.com/2015_Teline/index.php/fall/football

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

#644874

Okay, perhaps I was looking at the wrong page . . . clear out that CSS and I’ll use that link you just provided.

Sorry . . . trial and error

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

#743505

Okay, perhaps I was looking at the wrong page . . . clear out that CSS and I’ll use that link you just provided.

Sorry . . . trial and error

[Author]

Posts