Responsive All Business Template

Hi - please refer to the image below - I am trying to reduce the gap between the specials, new, featured table/module and the text below it. In includes/templates/responsive all business/stylesheet module tabs I was able to find 'margin top' which I adjusted to reduce the gap to the top of the module but there is no setting for 'margin bottom'. I actually inserted a setting 'margin bottom' and added various values but it made no difference.

Any ideas?

[Attachment no longer available]

cheers,
Mike

site is https://www.treeoflifejewellery.com

shags38:

Hi - please refer to the image below - I am trying to reduce the gap between the specials, new, featured table/module and the text below it. In includes/templates/responsive all business/stylesheet module tabs I was able to find 'margin top' which I adjusted to reduce the gap to the top of the module but there is no setting for 'margin bottom'. I actually inserted a setting 'margin bottom' and added various values but it made no difference.

Any ideas?

[Attachment no longer available]

cheers,
Mike

site is https://www.treeoflifejewellery.com

Looks like the area below the tabs can be fiddled. On your stylesshet_middleboxes.css line #47 (.middleboxContainer)you can comment out the top margin and and the padding which will bring it up quite a bit.

But there is also an empty header for a title for that content box - but even empty the header is still occupying space for an h3 header. Looks like you could fiddle with that in line #63 or #58 ( .middleboxContainer h3) Not sure if a display:none would get rid of that or if you have to track it down in the actual code and comment out the provision for it.

soxophoneplayer:

Looks like the area below the tabs can be fiddled. On your stylesshet_middleboxes.css line #47 (.middleboxContainer)you can comment out the top margin and and the padding which will bring it up quite a bit.

But there is also an empty header for a title for that content box - but even empty the header is still occupying space for an h3 header. Looks like you could fiddle with that in line #63 or #58 ( .middleboxContainer h3) Not sure if a display:none would get rid of that or if you have to track it down in the actual code and comment out the provision for it.

Many thanks Soxo - your advice did the trick:smile: - I should have taken a look at stylesshet_middleboxes.css before posting :lookaroun

cheers,
Mike

Hello - is it possible to change the display of this template so that it is FULL SCREEN on a desktop (without affecting its responsive aspects for mobile) ??

cheers,
Mike

[Attachment no longer available]

Line 242 of the responsive.css is a start. Change the 980px to 100%.

Note: It's dangerous to mess with viewport settings in responsive templates. That should not have been 980px as doing so could force a mobile view to be totally askew.

dbltoe:

Line 242 of the responsive.css is a start. Change the 980px to 100%.

Note: It's dangerous to mess with viewport settings in responsive templates. That should not have been 980px as doing so could force a mobile view to be totally askew.

Many thanks dbltoe - that did the trick. The setting of 980px was as it is in the template download, was the same for all 7 sites I have using that template - I thought the width wasn't adjustable, i.e. responsive, I thought it only worked as responsive for mobiles.

thanks again,
Mi8ke

I'm sure this and earlier responsive templates were trying to emulate the previous default width settings of Zen Cart and not aware of the problems of inaccurately defining the viewport. Wasn't often discussed in the early days of responsive. Probably due to folks trying to mimic mobile when doing responsive.

dbltoe:

I'm sure this and earlier responsive templates were trying to emulate the previous default width settings of Zen Cart and not aware of the problems of inaccurately defining the viewport. Wasn't often discussed in the early days of responsive. Probably due to folks trying to mimic mobile when doing responsive.

That makes sense.

So is there a way to have the 'header' adjusted to say 100% but the body of the page set at a smaller percentage? (as seems to be the way more modern templates are)

cheers,
Mike

Not good to mess with the viewport. Good article on what Google recommends at http://tinyurl.com/y9nlvt4q. From September 27, 2017.

Especially follow the link to common mistakes in the Caution above the JavaScript section.

dbltoe:

Not good to mess with the viewport. Good article on what Google recommends at http://tinyurl.com/y9nlvt4q. From September 27, 2017.

Especially follow the link to common mistakes in the Caution above the JavaScript section.

Now that I have page width as I want it, how can I change the width of the slide show container? - I tried modifying the stylesheet_slides.css without luck.

cheers,
Mike

pulling my hair out here .... slider ... I have tried everything I can think of and more to modify the slide show width successfully - I have it partially done (width) BUT there is now an enormous gap between the slides and the navigation controls.

I have read this thread front to back and then backwards and cannot find a solution. Even deleting the controls altogether would be a satisfactory solution but I can't find a way to do that either.

Any assistance will be appreciated.

cheers,
Mike
https://www.treeoflifejewellery.com

Hi, could you please let me know where I might find the settings to center the songbooks on this page ? I know it's in one of the CSS files but I'm not a programmer... just need to get an idea where to look so I can tinker with it. It looks fine on the mobile phone. Thx

Hi Anne, could you please let me know which file has settings for grid vs list on the mobile side ? This is in regards to the users being able to select the filter results .... I would like to set my default to list instead of grid. Can I assume changing the settings for this file would have no impact on the desktop side or would it be a site-wide change ? Thank you in advance for your help.