Joomla Templates Club 406,261 posts

[leannely Friend leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#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…

---

Attachments:

1. 

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

#542023

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

[leannely Friend leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#542024

optimize css is already set to off.

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

#542026

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

How about Development Mode – set to off?

[leannely Friend leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#542033

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

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

#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 leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 leannelyJoin date: April 2014Posts: 13Downloads:9Uploads:2 Thanks: 2]

#542040

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

[Author]

Posts