Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • leannely Friend
    #199607

    Looking for help to minimize the padding in the mashead area…looked at previous posts and didn’t find a fix that would work for me. Ideally, I’d like to cut the padding in half. Currently, my custom.css file reads…

    #t3-footer .row{
    display:none;
    }

    #t3-footer .t3-copyright .row{
    display:block !important;
    }

    #t3-footer .t3-copyright{
    margin-top:0px !important;
    }

    .t3-footer.container{
    display:none;
    padding-top :0px !important;
    }

    to get rid of some of the footer issues i was having… Any help is appreciated!

    TomC Moderator
    #542016

    How much padding are you wanting to eliminate?

    Perhaps a sample mock-up screenshot to help us see what you’re visualizing?

    leannely Friend
    #542022

    Thanks for the quick attention to this! I’ve actually come up with a few more questions, which are kind of highlighted on the image i’ve attached….

    How can I assure that the top black area always extends the entire width of the screen? Similarly, how can I be sure the Mashead area does the same?

    Here’s the mockup with about the size of how i want the mashead to be…


    1. tn_homepage
    TomC Moderator
    #542023

    Can you do me a favor and temporarily set “Optimze CSS” to No” within your Template Manager–General settigns?

    leannely Friend
    #542024

    optimize css is already set to off.

    TomC Moderator
    #542026

    <em>@leannely 436271 wrote:</em><blockquote>optimize css is already set to off.</blockquote>

    How about Development Mode – set to off?

    leannely Friend
    #542027

    Took development mode off, i now have a background image but the top sidebar logo thing is still separated and totally aligned to the right. I’m looking at it on a 27 inch monitor, which i know is larger than most people will view, but I want to be sure its completely working correctly.

    Thanks again for your help!

    TomC Moderator
    #542030

    Try This . . . . .

    Within file path —. /templates/ja_biz/css/themes/red/template.css
    at line 3765, modify as follows:


    .t3-top-header .container {
    background: none repeat scroll 0 0 #222222
    color: #595959
    min-height: 40px;
    position: relative;
    width: 100%;
    z-index: 300;
    }

    . . . . and within the same CSS file, at line 4455, modify as follows:


    .t3-mashead {
    background: none repeat scroll 0 0 #e34b51
    width: 100%;
    }

    SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

    Better ??

    leannely Friend
    #542031

    it took the black bar at the top away and left the sidebar icon left align.

    also, am finding that the button tags don’t seem to be working 🙁

    TomC Moderator
    #542032

    <em>@leannely 436278 wrote:</em><blockquote>it took the black bar at the top away and left the sidebar icon left align.</blockquote>

    Took it away?? … When I tested it, it expanded it full width of browser window
    (which is what I thought you wanted).

    The only property you were to add to both CSS rules above was the “width: 100%” property.
    Nothing else should have been modified.

    leannely Friend
    #542033

    that’s what i’m looking for…but yea, took it away completely…
    http://www.tempnet.org/index.php/home-page2

    TomC Moderator
    #542034

    <em>@leannely 436280 wrote:</em><blockquote>that’s what i’m looking for…but yea, took it away completely…
    http://www.tempnet.org/index.php/home-page2</blockquote>

    Can you cut and paste the CSS rule you modified?

    Also, I see that you haven’t yet modified the bottom/mashead element yet

    leannely Friend
    #542037

    ok, i just copy and pasted into that area because there were several things different…. this is what i have originally (before you asked the change)

    .t3-top-header .container {
    background: #222222
    color: #595959
    min-height: 40px;
    position: relative;
    z-index: 300;

    —-

    the background line you sent me was: background: none repeat scroll 0 0 #222222

    should i change that in addition to adding 100% in both places?

    TomC Moderator
    #542038

    This is what you should have . . . . the modifications are denoted in RED

    Within file path —. /templates/ja_biz/css/themes/red/template.css
    at line 3765, modify as follows:


    .t3-top-header .container {
    background: none repeat scroll 0 0 #222222
    color: #595959
    min-height: 40px;
    position: relative;
    width: 100%;
    z-index: 300;
    }

    . . . . and within the same CSS file, at line 4455, modify as follows:


    .t3-mashead {
    background: none repeat scroll 0 0 #e34b51
    width: 100%;
    }

    SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

    leannely Friend
    #542040

    ok, thanks, i just added the 100% in both places and didn’t mess with the background business. Looks good for extending!

Viewing 15 posts - 1 through 15 (of 17 total)

This topic contains 17 replies, has 2 voices, and was last updated by  leannely 10 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum