Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove Categories Sidebox Title Bar

Remove Categories Sidebox Title Bar

Views: 2,552

Results 1 to 16 of 16
16 May 2011, 8:21 AM
#1
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Remove Categories Sidebox Title Bar

Hi - I want to have my categories sidebox go all the way up to the bottom of the EZ pages bar on my home page. Basically I want to remove the "Categories" title in the categories sidebox, along with the background image that makes the bar.


this is what it looks like now.

I want it to look like this, sort of. You can see that all space at the top and between bottom of the categories and the next sidebox is removed as well:

anyone know how I can do that?

16 May 2011, 12:08 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Remove Categories Sidebox Title Bar

Post a link to your site
Like this
zen-cart dot com

16 May 2011, 1:31 PM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Categories Sidebox Title Bar

For a template constructed according to standards, you can hide this by adding to your stylesheet

#categoriesHeading {display: none;}
and possibly
#categories {margin-top: 0;}

If that does not work, we have to see it live to give correct advice.

16 May 2011, 2:27 PM
#4
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

Sorry I forgot the link - here you go.

16 May 2011, 2:34 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Categories Sidebox Title Bar

Yes, those rules will work.

16 May 2011, 5:46 PM
#6
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

thanks for all your help - this worked like a charm .

19 Nov 2012, 5:41 PM
#7
shopville avatar

shopville

Zen Follower

Join Date:
Aug 2012
Posts:
331
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

Hello,

Would like to achieve the same to my own added sidebox (using Blank Sidebox 2.0)

Any advise on how to remove the title bar completely?

--

Also i'm trying to remove top and bottom margins from my sideboxes

19 Nov 2012, 5:53 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Categories Sidebox Title Bar

What is the id of your new sidebox? Modify the "categories..." rules to match your sidebox filename and it should work the same.
For all sideboxes, try rules like

.leftBoxContainer, .rightBoxContainer {margin-top: 0; margin-bottom: 0;}

19 Nov 2012, 6:01 PM
#9
shopville avatar

shopville

Zen Follower

Join Date:
Aug 2012
Posts:
331
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

hello,

That removed the margins between each sidebox,

i'm trying to remove the margins within each sidebox before and after the content,

please have a look at chequesplus dot com

see stay connected sidebox on left

Thanks

19 Nov 2012, 6:16 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Categories Sidebox Title Bar

That is not margin but padding making the spaces.

stylesheet.css, line 1438: ```
.sideBoxContent {
border-left: 1px solid #C8E7F5;
border-right: 1px solid #C8E7F5;
padding: 12px;
}


padding: 0 12px;

or whatever you want.
19 Nov 2012, 6:21 PM
#11
shopville avatar

shopville

Zen Follower

Join Date:
Aug 2012
Posts:
331
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

that removes padding from left side but not from top and bottom

Thanks

19 Nov 2012, 7:12 PM
#12
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Categories Sidebox Title Bar

You said you wanted to remove padding before and after the content, not on the sides too. Just remove the 12px.

What I posted would remove the padding from top and bottom, and not from the sides. What exactly did you put in? It must have been different.

20 Nov 2012, 4:28 PM
#13
shopville avatar

shopville

Zen Follower

Join Date:
Aug 2012
Posts:
331
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

Thanks so much that removed significant padding from before content but not from after.

Also anyway to remove title bar completely from a specific sidebox?

20 Nov 2012, 6:18 PM
#14
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Remove Categories Sidebox Title Bar

The Blank Sidebox template file (tpl_blank_sidebox.php) contains <p> tags that add space to the top and bottom. Remove them, leaving the single quote marks.

$content .= '<p>' . TEXT_BLANK_SIDEBOX . '</p>';
$content .= '<p>You can include text, links, images, HTML markup and even PHP code</p>';

20 Nov 2012, 6:20 PM
#15
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Categories Sidebox Title Bar

Also anyway to remove title bar completely from a specific sidebox?
See post #3, using your sidebox id in place of categories.

20 Nov 2012, 7:04 PM
#16
shopville avatar

shopville

Zen Follower

Join Date:
Aug 2012
Posts:
331
Plugin Contributions:
0

Re: Remove Categories Sidebox Title Bar

ShopVille:

Thanks so much that removed significant padding from before content but not from after.

Also anyway to remove title bar completely from a specific sidebox?

That helped! thanks so much!!!!!!!!!!!!!

but not always (basically a sidebox with an image keeps the margins even when removing the <p>


I guess i messed something up when trying to remove the padding between the sideboxes as i successfully decreased it for the left sideboxes from 12px to 2px but something got messed up with the right sideboxes,

i tried using Beyond Compare, comparing the original stylesheet.css file to the modified one but couldn't find anything else changed,

if you have a chance have a look at chequesplus dot com

Thanks everyone!