Sheffield Blue Template Support Thread

[picaflor-azul]

Where can I find instruction on how modify the template now that it's installed on our site.
Particularly the flash banner at the top, what do I need to change that since I can make my own flash, just need to know to implement it.

The template uses a jquery slide show, not flash. The readme.html file included in the template package has instructions for how to change the slides.

Thanks,

Anne

[jsarwar]

How I can change background color for product description only.

I tried #productDescription {background:#013991;} but it change background color in product description for the space around font but not behind the text.

Thank you!

[yaritai]

How I can change background color for product description only.

I tried #productDescription {background:#013991;} but it change background color in product description for the space around font but not behind the text.

Thank you!

This really depends on if you are using stock code. So if you are using the code as provided for the tpl product info display without modifications, then the #productDescription {background: ???} will change the div element background to what you chose. But I am confused on what exactly you want the background to do for behind the text. I think either a site to look at or a better explanation on what you want done. The part that confuses me is "behind the text". What exactly does this mean?

But to help you do this by yourself use firebug or a web developer tool so you can change it live to see what effects are done. Or if that is not to your liking then you may always enclose more elements in divs and classes to get the look you want.

[jsarwar]

tpl product info does not have any thing for back ground color

" <!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>

<?php } ?>
<!--eof Product description -->"

When I add #productDescription {background:#013991;} to stylesheet background color of description content/font stays white but the space between two line/paragraphs get background of #productDescription {background:#013991;}. How I can get full description content background to #productDescription {background:#013991;}.

For example see attached.
Thank you!

[picaflor-azul]

tpl product info does not have any thing for back ground color

" <!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>

<?php } ?>
<!--eof Product description -->"

When I add #productDescription {background:#013991;} to stylesheet background color of description content/font stays white but the space between two line/paragraphs get background of #productDescription {background:#013991;}. How I can get full description content background to #productDescription {background:#013991;}.

For example see attached.
Thank you!

If you post a link to the page you are having trouble with I can take a look.

Thanks,

Anne

[jsarwar]

If you post a link to the page you are having trouble with I can take a look.

Thanks,

Anne

bit.ly / 1mQkKXo

I have not included #productDescription {background:#013991;}. in stylesheet right now because page will not look nice to customers.

Thank you!

[yaritai]

I have not included #productDescription {background:#013991;}. in stylesheet right now because page will not look nice to customers.

Wow, you will need to do some clean up IF you want flexibility in the future. But from what I see you have modified the tpl_product_info_display.php in that you are using TPP in some way but still not sure how as some of the code blocks that should show are not registering.

But try this code IF you want a background right now:

#productDescription {background:#013991}
p {background:none !important}

Usually for these cases, the "p" tag would not need the background set as none. Also, you will recognize the use of "!important". This is because you have ALOT of inline styles. I suggest you move ALL inline styles out and into the css files. This would then solve your issue to further modify the elements.

For the inline style, you have this in your product description for the "p" tags which is setting the background to white.

<p style="text-align: center; margin: 0.9em; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; line-height: 15px; background-color: rgb(255, 255, 255);">

You also have inline styles for your subheadings in the description. So move all those out and into css.

Also you do have a closing </h2> tag twice. This is causing other issues on your site. So try to fix that and then see if all other things fix itself. That was the only thing that stood out immediately. Granted I have not looked into your file in depth so I can only guess that more things like these exist elsewhere.