Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy 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.
    Last edited by judahraine; 10-09-2012 at 05:47 AM.

  • #2
    New Coder
    Join Date
    Sep 2012
    Location
    Scottish Borders
    Posts
    36
    Thanks
    1
    Thanked 9 Times in 9 Posts
    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*
    Last edited by jamaks; 10-08-2012 at 11:50 PM. Reason: additional comment
    Jims Way is following a strict but simple code

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,180
    Thanks
    23
    Thanked 603 Times in 602 Posts
    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

  • #4
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •