CodingForums.com - Resolved Set padding to header module text only, not image

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - Resolved Set padding to header module text only, not image (http://www.codingforums.com/showthread.php?t=275768)

Set padding to header module text only, not image

Hi there, I would be most grateful if someone can assist. I've customized the beez5 template for a Joomla 2.5 site, but have run into an issue with creating standard headers for all modules. I have tried Firebug and the Joomla forums with no response, and also tried every single option I can think of...

I have managed to insert the required background image, and it currently fills the entire block, i.e. no padding to left or right, which is exactly as I want. The text, however, is aligned against the module border which really looks messy. The text is necessary, as to code each individual heading for each module I may use on the site is far too labor intensive.

My problem is that no matter where I alter the h3 padding either nothing happens or the image pads along with the text. I quite literally have worked through each possible option in every possible css file in a step by step, logical process. Make the change, save and F5.... I simply cannot get it to work, and I'm sure that it must be something incredibly simple. I do apologize in advance if it turns out to be a really dumb question... I'm not a CSS fundi, am learning as I go along and spending hours sifting through forums and anything else I can find, but right now I"m getting desperate. I cannot believe that it's something no-one ever wants to do??

The site can be found at http://classicromancerevival.com, and I can post the gazillions of css files if required. Thank you.

Hi, was not about to go through the css files looking for the right classes and I will leave that to you, or you can simply add this style block immediately before the </head> tag. At least this will tell you which style classes to look for.

Code:

<style type="text/css">.left1 h3, #right h3{text-align:center;}</style>

Have fun with it. Jim *If you do not want the headings centered you could try a margin-left value*

Something else to try:
In templates/beez5/css/position.css at line 33 find this block of code:

Code:

#all {

    margin: 0 auto;

    max-width: 1050px;

    padding: 0;

    text-align: left;

}

Change the text-align: to center

Found a solution to text padding

Hi there... thanks for the suggestions, tried them all, had no luck, then had a brainwave.... I found the header text and added "text-indent:7px;" and it worked like a charm. The W3schools validator didn't pick up an error so I assume it's ok. All help much appreciated