Register | FAQ Search Today's Posts Mark Forums Read

Support forum / General / Joomla 1.5.x / Need to change header text in center column

Reply

 

LinkBack Thread Tools Display Modes
Old 10-18-2008   #1 (permalink)
pkirbyr
Guest
 
pkirbyr's Avatar
[+] more user info
 
 
Posts: n/a
Need to change header text in center column


WEBSITE URL: [hide]http://www.techmediablogal.com[/hide]
JOOMLA VERSION: 1.5.7
TEMPLATE VERSION: 1.0 (Ario)
PHP VERSION: 5.2
AFFECTED BROWSERS: IE7, FF3.03,
--------------------------------------------------------------------------------

DESCRIPTION:
I modified, with your help (thank you), the center column section on the home page so i can have three rows in the center. 1. Latest Papers, 2. Latest Forum Posts and 3. Latest Blogs

What I need to be able to do is change the header size and color and also the text under each header, which would be smaller and possible a different color. .mediumText seems to define/control the header font size for all three rows and i need individual control over each row header.

Below I defined font size, but that only works for the text under the header. Also, the \"color:\" statement doesn\'t have any effect. A descriptive image is located here: [hide]http://www.techmediaglobal.com/images/centermenuissue2.jpg[/hide]

The code looks like this in template_css.css:


div.moduletable-papers {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}

div.moduletable-forumposts {
background: transparent url(../images/center-insert-green4.png) repeat-x;
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}

div.moduletable-blogs {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}


Thanks for any help.

K.
  Reply With Quote
This is a Advertisement. Sign up to have these ads removed.
Old 10-18-2008   #2 (permalink)
waseem
Guest
 
waseem's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


if you want the font and color for all headers to be the same edit this style
/*http://www.techmediaglobal.com/ customise.css (line 224)*/

h3 {
color:#FFFFFF; /* change font color here */
font-size:160%; /* change font-size here */
}
__________________________________________________ ________________________
if you want each header to be independant
remove this style or comment it out (keep a backup of your style sheet always)
##THIS STEP IS VERY IMPORTANT - if you want to control each header seperately##
/*http://www.techmediaglobal.com/ customise.css (line 224)*/

h3 {
color:#FFFFFF; /* change font color here */
font-size:160%; /* change font-size here */
}
then add the following


div.moduletable-papers h3 {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}

div.moduletable-forumposts h3 {
background: transparent url(../images/center-insert-green4.png) repeat-x;
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}

div.moduletable-blogs h3 {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}
the reason why your styles where not working was that the browser was reading the h3 { } instead

EDITED!!!
here i optimised the code for you a bit just check if these work, could save you a lot of typing

/*first we must edit the header 3 style customise.css (line 224) */
h3 {
padding:4px 0 0 15px;
margin: -1px;
font-size: 13px;
color:fff;
}
/* now just add in the following styles */
div.moduletable-blogs h3 {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
}
div.moduletable-forumposts h3 {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
}
div.moduletable-papers h3 {
background: transparent url(../images/center-insert-blue2.png) repeat-x;
}
  Reply With Quote
Old 10-18-2008   #3 (permalink)
waseem
Guest
 
waseem's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


for latest papers i noticed you had hyperlinks

so add a style as follows

/*normal text */
div.moduletable-papers {
font-size: 10px; /*controls font-size*/
color: #FFFFFF; /*controls color*/
}
/* hyperlinks */
.latestnews-papers a {
color: #FFFFFF; /* control your link color here */
}
for the latest forums add the follwoing style
/*template_css.css (line 514)*/

/*normal text */
div.moduletable-forumposts {
font-size:13px; /*controls font-size*/
color: #FFFFFF; /*controls color*/
}
/* hyperlinks */
div.moduletable-forumposts a {
color: #FFFFFF; /*controls color*/
}
and finaly for the blogs
/*template_css.css (line 521)*/
/*normal text */
div.moduletable-blogs {
font-size:13px; /*controls font-size*/
color: #FFFFFF; /*controls color*/
}
/* hyperlinks */
div.moduletable-blogs a {
color: #FFFFFF; /*controls color*/
}
  Reply With Quote
Old 10-18-2008   #4 (permalink)
waseem
Guest
 
waseem's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


these 2 posts i think sorts out your needs, if you need any help with the color codes such as #FFFFFF and #000000 and more
go to...
www.w3schools.com/HTML/html_colornames.asp
or
www.html-color-codes.com/
  Reply With Quote
Old 10-21-2008   #5 (permalink)
pkirbyr
Guest
 
pkirbyr's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


Thanks for all this help.. Really appreciated. I\'m renewing support with you for sure! :)
  Reply With Quote
Old 10-21-2008   #6 (permalink)
waseem
Guest
 
waseem's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


feel free to ask questions anytime :)
  Reply With Quote
Old 10-22-2008   #7 (permalink)
pkirbyr
Guest
 
pkirbyr's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


I used the lines below to format the left column. I put the suffix \"-leftcolumn\" for the mod_cblogin module however they are only active when logged-in. When logout the formatting doesn\'t work goes back to standard formats. Any ideas?

ALso, the \"login\" button in both cases (logged-in and no logged-in) shows black/dark grey text which needs to be white.


div.moduletable-leftcolumn h3 {
padding:13px 0 10px 15px;
margin: -1px;
font-family:Tahoma,Helvetica,sans-serif;
font-size: 16px;*/
color:fff;
}
  Reply With Quote
Old 10-22-2008   #8 (permalink)
waseem
Guest
 
waseem's Avatar
[+] more user info
 
 
Posts: n/a
Re:Need to change header text in center column


Hi, can you create a test front-end log in for me to see whats it doing
you can e-mail it to waseemsabjee[AT]gmail[DOT]com
  Reply With Quote
This is a Advertisement. Sign up to have these ads removed.
Reply

« STRANGE! IP Address showing on Home button | Help with Myblog and Feedburner »
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads

Thread Thread Starter Forum Replies Last Post
change font size and text falls off page pkirbyr Joomla 1.5.x 1 11-29-2008 01:15 AM
How to change text color in \"view category\" vassallo Ario Light 5 10-20-2008 12:07 PM
Adjusting text padding within right column pkirbyr Ario 3 10-14-2008 08:43 AM
how to change text colors in modules? pkirbyr Joomla 1.5.x 8 09-21-2008 10:11 AM
How do i center the text for a \"footer\" menu? s10xtreme2000 Ario 4 04-03-2008 01:39 PM

Forum by vBulletin® Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.3.0 RC1 Downloads powered by vBadvanced Dynamics v1.1.0.