Sheffield Blue Template Support Thread

Bewitching:

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

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

picaflor-azul:

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

Bewitching:

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

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

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.

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

picaflor-azul:

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.

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

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

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

picaflor-azul:

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?

countrycharm:

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?

I am not sure what you mean by stretch the space?

Thanks,

Anne

picaflor-azul:

I am not sure what you mean by stretch the space?

Thanks,

Anne

Hi Ann and thanks for your time. What I mean is instead of making my logo any smaller what can I do to increase the background height behind my logo so I can make my logo a little taller.. I hope I'm making some sense to you.

countrycharm:

Hi Ann and thanks for your time. What I mean is instead of making my logo any smaller what can I do to increase the background height behind my logo so I can make my logo a little taller.. I hope I'm making some sense to you.

You can add a logo of any size. If it is different than the one in the demo you might have to make some adjustments to other elements in the header ;-)

Thanks,

Anne

picaflor-azul:

You can add a logo of any size. If it is different than the one in the demo you might have to make some adjustments to other elements in the header ;-)

Thanks,

Anne

Hi Ann it's me again I'm not trying to be a pain to you :) but I can not for the sake of my insanity seem to be able to find how to stretch the background height behind my logo so all my logo will show. :no:

Thank Again for your awesome support.

I'm not sure which of your css files has these selectors, but you want to change the CSS top property value for:

#mega_wrapper from top: -90px; to top: -50px;
#content-container from top: -25px to top: 5px;

While you're at it, you might want to add the 's' back to the word Discount in your logo!

countrycharm:

Hi Ann it's me again I'm not trying to be a pain to you :) but I can not for the sake of my insanity seem to be able to find how to stretch the background height behind my logo so all my logo will show. :no:

Thank Again for your awesome support.

If you turn off your css minify I can take a look and let you know what rule to add to your stylesheet.

Thanks,

Anne

lat9:

I'm not sure which of your css files has these selectors, but you want to change the CSS top property value for:

#mega_wrapper from top: -90px; to top: -50px;
#content-container from top: -25px to top: 5px;

While you're at it, you might want to add the 's' back to the word Discount in your logo!
I tried what you said and it kind of works but it blocks out some of my text on the main page.
Thanks for your advice. I did add the (s) back to Discounts my bad.....lol

picaflor-azul:

If you turn off your css minify I can take a look and let you know what rule to add to your stylesheet.

Thanks,

Anne

Hi Ann I turned off my minify so you can take a peek.

countrycharm:

Hi Ann I turned off my minify so you can take a peek.

Just add height:200px; to your #logo in stylesheet.css. You will need to adjust the position of the header search box after you add this.

Thanks,

Anne

picaflor-azul:

Just add height:200px; to your #logo in stylesheet.css. You will need to adjust the position of the header search box after you add this.

Thanks,

Anne

Worked out great. Thank You Ann for all your help. I hope you and your family have a Merry Christmas, Happy Holiday's, Happy Hanukkah.