Sheffield Blue Template Support Thread

[picaflor-azul]

Hi Anne!
Using another of your wonderful templates!
Quick question:
In the Read-me for this template, regarding the Social Sidebar you state:
"In your favorite plain text editor open includes/templates/YOUR_TEMPLATE/css/stylesheet_social_header.css"

At the bottom of the file add display:none; to the class for each icon you don't want to display. So, for example if you don't want to display the facebook icon you would add:

.facebook{display:none;}

Then you display the class as:

.facebook-sh

I want to remove YouTube and the rest below that.
So I tried:

.youtube{display:none;}

and

.youtube-sh{display:none;}

and neither worked.

You refer above to the "stylesheet_social_header.css", but this template uses "stylesheet_social_sidebar.css"
So I assumes the "sh" was incorrectly referring to style header, so I replaced the "sh" with "ss" for social sidebar like this:

.youtube-ss{display:none;}

That didn't work either

Can you tell me the correct coding to use to remove unneeded social icons?

Thanks a million!
Kathleen

Sorry about that! It looks like I forgot to add the classes to the code. You can either add the classes to the code in includes/templates/sheffield_blue/common/tpl_main_page.php or just remove the code for the icons that you don't want to use. I'll add this to the list of things for a future update.

Thanks,

Anne

[Bewitching]

I found the workaround here in this thread for the Social Sidebar:
Re: Social Networking Sidebar

[Bewitching]

Sorry about that! It looks like I forgot to add the classes to the code. You can either add the classes to the code in includes/templates/sheffield_blue/common/tpl_main_page.php or just remove the code for the icons that you don't want to use. I'll add this to the list of things for a future update.

Thank you, that worked perfectly! I just removed the code for the unneeded social links.
(I removed code for 4 of them, so I changed the length to 100px, and now it is perfect!)

Thanks a billion,
Kathleen

[picaflor-azul]

Thank you, that worked perfectly! I just removed the code for the unneeded social links.
(I removed code for 4 of them, so I changed the length to 100px, and now it is perfect!)

Thanks a billion,
Kathleen

I am happy that it worked for you :-)

Thanks,

Anne

[countrycharm]

Hi Ann how do you get rid of the slide show altogether. I don't want to use one right now. Thanks in advance.

[picaflor-azul]

Hi Ann how do you get rid of the slide show altogether. I don't want to use one right now. Thanks in advance.

You can modify the code in the includes/templates/sheffield_blue/css/index_home.css file to this:

#navBreadCrumb{display:none;}
.centerBoxHeading{background:none;border-bottom:1px solid #888887;width:90%;margin:0 auto;font-size:21px;font-weight:400;padding-bottom:11px;color:#20231d;text-shadow:none;margin-top:0px;}
.centerBoxWrapper{display:none;}
#contentMainWrapper{position:relative;top:-65px;}
#content-container{margin-top:0px;}
#home-banner{margin-left:-14px;margin-bottom:100px;display:none;}
#footer{margin-top:-112px;}


You should also do a cross browser check to see if any adjustments need to be made.

Thanks,

Anne

[countrycharm]

You can modify the code in the includes/templates/sheffield_blue/css/index_home.css file to this:

#navBreadCrumb{display:none;}
.centerBoxHeading{background:none;border-bottom:1px solid #888887;width:90%;margin:0 auto;font-size:21px;font-weight:400;padding-bottom:11px;color:#20231d;text-shadow:none;margin-top:0px;}
.centerBoxWrapper{display:none;}
#contentMainWrapper{position:relative;top:-65px;}
#content-container{margin-top:0px;}
#home-banner{margin-left:-14px;margin-bottom:100px;display:none;}
#footer{margin-top:-112px;}


You should also do a cross browser check to see if any adjustments need to be made.

Thanks,

Anne

Thanks Ann

I have another question Ann. I must did something wrong because now my menu doesn't come down far enough or something is wrong. I guess what I'm trying to say is why is the top of my page split or doesn't meet together after I uninstalled the slide show.

Here the link to my site.

[countrycharm]

I figured it out Ann. I took out the </div> tage at the bootom of the /includes/templates/sheffield_blue/common/tpl_main_page for some reason. I added it back and all is well.

But I would like to know how I can make my logo a little taller. I also have the module Instant Search (like Googles) installed but it doesn't work with this template for some reason. Works with abbington_mega_1.1. Don't know

[picaflor-azul]

I figured it out Ann. I took out the </div> tage at the bootom of the /includes/templates/sheffield_blue/common/tpl_main_page for some reason. I added it back and all is well.

But I would like to know how I can make my logo a little taller. I also have the module Instant Search (like Googles) installed but it doesn't work with this template for some reason. Works with abbington_mega_1.1. Don't know

I am happy that you figured it out ;-)

The instant search actually is working on your site. If you start to type out something you will notice a large scroll bar at the bottom of the page. If you scroll all the way to the right you will see the instant search working. I would recommend editing the instant search css to make it show under the search box and not all the way to the right ;-)



Thanks,

Anne

[countrycharm]

I am happy that you figured it out ;-)

The instant search actually is working on your site. If you start to type out something you will notice a large scroll bar at the bottom of the page. If you scroll all the way to the right you will see the instant search working. I would recommend editing the instant search css to make it show under the search box and not all the way to the right ;-)



Thanks,

Anne

Thank you Ann I did see it when you pointed it out to me. I have now corrected it in the .css file.

This will be my last question for sure, Could you point in in the right direction on how to stretch the space where the logo go's?