Need Help Modifying Scuro Template

I posted this on the Scuro template thread a while back, but apparently Mr. Turpy doesn't check his template threads. :unsure: So I'm posting it here, in hopes someone else can help me.

I would like to make a few changes to the template format, and I could really use some advice on how to do it. Otherwise I'll have to switch to another template...and the client really likes this one, so I'd rather not have to do that.

1) On all pages, how do I set the white center module so that it expands or shrinks to fit just the amount of items inside it? Currently it's at a set size that won't be valid for many pages.

2) I got rid of all the footer columns, but there's still a large gap between the center box and the bottom of the page. How do I get rid of that?

3) How do I also get rid of the Home | Specials | About Us line at the top?

The client wants this page to be very simple...the header, the left sidebar, some text in the center box, and then the books she's promoting. Nothing else.

Thanks very much for your help!!

We'd have to install that template to advise. A link to your site would be easier.

Stevesh:

http://borumapublishing.com/llcraftpublications.com/library/index.php?main_page=index Apologies that it's an adult site...we seem to get stuck building a lot of those. I guess because no one else will. LOL

Thanks!!

1. That section has a fixed width, which makes sense to me, since if the width varies with content, you'll just have more black space on the sides. can you provide an example of a page which would benefit from an adjustable width?

2. You could add display: none; to the #navSuppWrapper rule in the stylesheet.

3. Same for the #header-navigation rule.

Get the Web Developer plugin for Firefox which will let you examine these pages and discover what you need to change. That's what I used to suggest the above. Some prefer Firebug, which does much the same thing.

Stevesh, the width isn't an issue. It's too long in some cases. This is a perfect example of the problem:

http://borumapublishing.com/llcraftpublications.com/library/index.php?main_page=product_info&cPath=1_13&products_id=20

stevesh:

2. You could add display: none; to the #navSuppWrapper rule in the stylesheet.

3. Same for the #header-navigation rule.

That worked perfectly, thank you! :D

As for the other issue, your center column will be as long as your sidebox columns, so you'll either have that white space or the same length of black space. There's an old thread here somewhere that I think addresses the question if you want black space. I'll see if I can find it.

That's fine for the index page, but not for subsequent pages. We need to change that so that it fits the amount of text without a huge space beneath, and also be able to specify the number of additional book covers below, on all subsequent pages.

And will these subsequent pages also display the sideboxes?

They have to show at least the category lists so that surfers can move around the site. Not necessarily the other sideboxes.

Still hoping to find an answer for this so that the middle content box is NOT set to the same height as any existing sideboxes.

Also, how do I get rid of the Twitter and Facebook buttons and links at the top? I experimented for a few hours, but the only thing I managed was to remove the spacing between them, so now they're stacked instead of horizontal. Ideally they should be gone entirely. Doing an Inspect Element keeps pointing me toward inline:3? But I can't seem to find anything that correlates with that, so I don't know where to go next.

If anyone can help me with these last few things, so the site can go live...I'll owe you a huge thanks and an even bigger frothing cyber-beer!!! :cheers:

DK_Scully:

Still hoping to find an answer for this so that the middle content box is NOT set to the same height as any existing sideboxes.

Also, how do I get rid of the Twitter and Facebook buttons and links at the top? I experimented for a few hours, but the only thing I managed was to remove the spacing between them, so now they're stacked instead of horizontal. Ideally they should be gone entirely. Doing an Inspect Element keeps pointing me toward inline:3? But I can't seem to find anything that correlates with that, so I don't know where to go next.

Your Twitter and Facebook buttons/links are located in the** <div id="topbar-social"></div> **If you can find this code in your template you can make edits : )

Thank you, Trinity, I'll search for that! :cheers:

The only thing I've been able to find that refers to "topbar-social" is this, from the stylesheet.css:

/* ==== Header CSS Additions ==== */

#topbar-inner ul {margin: 0; margin-left: -40px;}
#topbar-inner li {display: inline; padding-right: 5px; padding-left: 5px; border-left: 1px solid #fff;}
#topbar-inner ul li.first {border-left: none}
#topbar-inner a {color: #fff;}
#topbar-inner a:hover {color: #fff; text-decoration: underline;}
#topbar-welcome {float: left; width: 350px;}
#topbar-social {float: left; width: 225px;}
#topbar-cart {float: left; width: 200px;}
#topbar-search {float: left; width: 225px; margin-top: -5px;}
#header-bottom{}
#header-logo{float: left; width: 525x;height: 100px;}
#header-right {width: 450px: float: right; text-align: right;}
#languages {float: right; padding-top: 3px;}
#languages img{vertical-align:middle;}
#currencies {float: right; padding-left: 10px;}
#header-navigation {height: 40px; line-height: 40px; font-size: 20px; font-family: Times New Roman, Times New Roman, Times, serif; font-weight: bold; display: none;}
#header-navigation ul {margin 0; margin-left: -50px}
#header-navigation li {display: inline; padding-left: 10px; padding-right: 10px; border-left: 2px solid #ff0000;}
#header-navigation ul li.first {border-left: none}
#header-navigation a {color: #fff;}
#header-navigation a:hover {color: #ff0000;}

/* ==== Main Page CSS Additions ==== */

I haven't been able to find <div id="topbar-social"> anywhere. :(

Well, some progress of a sort, but the mystery deepens.

I went back to the original Scuro installation files, and in the includes/templates/scuro/common/tpl_header.php file, I found:

       <div id="facebook"><div class="fb-like" data-href="http://www.facebook.com/ZencartByBrandon" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div>
       <div id="twitter"><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a></div>
   </div>

So I figured, bingo! It should also be in the includes/templates/scuro/common/tpl_header.php file that I had downloaded from the server. But...it's not. The header of the file is the same, but everything under it appears to be different. So...now what? :lookaroun

Are there two different versions of the same file?

includes/templates/scuro/common/tpl_header.php is where you should be able to edit this.

Can you search by alt tag Facebook or Twitter?

Okay, I found the problem. Feel free to smack me upside the head. LOL

There were two versions, one at library\includes\templates\template_default\common and one at library\includes\templates\scuro\common. I would swear on a stack of Bibles that I had downloaded current versions of each from the server...but apparently I missed the one at scuro\common. Once I downloaded that one and did a search for "facebook," the lines came up immediately. I deleted the entire <div></div> section, and now the Facebook and Twitter buttons are gone.

THANK YOU, TRINITY!!! :cheers:

Now...does anyone have any suggestions for the first problem? :lookaroun Any advice will be greatly appreciated!

DK_Scully:

Okay, I found the problem. Feel free to smack me upside the head. LOL
THANK YOU, TRINITY!!! :cheers:
WELCOME! Glad to help :hug:
DK_Scully:

Now...does anyone have any suggestions for the first problem? :lookaroun Any advice will be greatly appreciated!
I've look at my templates for a solution to this issue. I can't replicate it. It may be Scuro only. Check your stylesheet again. I don't believe there is a switch in the admin to remedy this.