Responsive Apparel Boutique Template

[BlackmoresTreasures]

Hi Anne,

I was using those tools along with searching using my cpanel. For some reason, I just kept missing it. I changed the colors of so many other things, it became comical. Thanks so much for such a wonderful template.

[picaflor-azul]

Hi Anne,

I was using those tools along with searching using my cpanel. For some reason, I just kept missing it. I changed the colors of so many other things, it became comical. Thanks so much for such a wonderful template.

I am happy that you figured it out ;)

Thanks,

Anne

[Dianne]

.
Problem: Product Description and Other Elements Extending Outside Content Area into the Page Background

I searched for this problem before posting but I could not find it. I tried reading through this post but I may have missed it so my apologies if this has already been answered.

I have a fresh install of v1.5.3 with no other template installed other than what came with it (classic green) and no extra plugins installed. I followed the instructions for installing the responsive Apparel Boutique template, including the SQL patches.

I then added one dummy product so I could see how it would look.

From the very beginning, before I changed anything, there were portions of the page that extended outside the main area (light gray) into the page margins (dark gray).

See the images below for a visual. The page background is the dark gray color. The light gray is where all the content is supposed to be located.




In the full screen view (first image on the left), everything is in place.

In the handheld device view (middle image and image on the right, which I scrolled over a bit to display the problem), the product details, product description, the product name, price and the box to indicate the quantity you want all extend into the left margin (dark grey background color).

Also, on the category page, the products extend off into the right margin.

You can view it here:

http://www.zencartretailer.com/demo2/

I turned off all the sideboxes (off single column, off mini-width and main "off" switch) as instructed and insured the responsive was activated with “2” selected.

The elements mentioned above are still outside the margins when the window is sized as a mobile device. They remain there until the window is manually adjusted to a width wide enough to naturally accommodate them.

I then installed the “Responsive All Business” theme (also designed by Anne) just to see what would happen, with the same result.

How can I get these elements back into the light gray area where they belong?

Thanks for anything you can share to help me get this resolved.

[picaflor-azul]

.
Problem: Product Description and Other Elements Extending Outside Content Area into the Page Background

I searched for this problem before posting but I could not find it. I tried reading through this post but I may have missed it so my apologies if this has already been answered.

I have a fresh install of v1.5.3 with no other template installed other than what came with it (classic green) and no extra plugins installed. I followed the instructions for installing the responsive Apparel Boutique template, including the SQL patches.

I then added one dummy product so I could see how it would look.

From the very beginning, before I changed anything, there were portions of the page that extended outside the main area (light gray) into the page margins (dark gray).

See the images below for a visual. The page background is the dark gray color. The light gray is where all the content is supposed to be located.




In the full screen view (first image on the left), everything is in place.

In the handheld device view (middle image and image on the right, which I scrolled over a bit to display the problem), the product details, product description, the product name, price and the box to indicate the quantity you want all extend into the left margin (dark grey background color).

Also, on the category page, the products extend off into the right margin.

You can view it here:

http://www.zencartretailer.com/demo2/

I turned off all the sideboxes (off single column, off mini-width and main "off" switch) as instructed and insured the responsive was activated with “2” selected.

The elements mentioned above are still outside the margins when the window is sized as a mobile device. They remain there until the window is manually adjusted to a width wide enough to naturally accommodate them.

I then installed the “Responsive All Business” theme (also designed by Anne) just to see what would happen, with the same result.

How can I get these elements back into the light gray area where they belong?

Thanks for anything you can share to help me get this resolved.

The template shown on the url is not the Responsive Apparel Boutique.

Thanks,

Anne

[simon3215]

hi having trouble with text on the homepage, i only want the line within <strong> to be in bold but the whole paragraph is in bold for some reason

<div id="home-text">
<p>
<strong>Welcome To Chapel Hill Stoves and Fireplaces<strong/>
<p/>

We are proud to present to you our online store where you will soon be able to find our products.
Currently our website has the following: contact information, showroom location and contact us directly on the contact page for all enquiries.
<p>
Our Showroom is now Open to the Public, there are still minor refurbishments work being carried out on site and there may be a day or two that we are closed to the public, if you are unsure please check this space to see if we are open, alternitavely you can contact us directly via 0161-825-8695
<p/>


</div>

[picaflor-azul]

hi having trouble with text on the homepage, i only want the line within <strong> to be in bold but the whole paragraph is in bold for some reason

<div id="home-text">
<p>
<strong>Welcome To Chapel Hill Stoves and Fireplaces<strong/>
<p/>

We are proud to present to you our online store where you will soon be able to find our products.
Currently our website has the following: contact information, showroom location and contact us directly on the contact page for all enquiries.
<p>
Our Showroom is now Open to the Public, there are still minor refurbishments work being carried out on site and there may be a day or two that we are closed to the public, if you are unsure please check this space to see if we are open, alternitavely you can contact us directly via 0161-825-8695
<p/>


</div>

Your syntax is wrong. It should be
[CODE]
</strong>
[CODE]

Your closing p tags are incorrect also


Be very careful with syntax and responsive design. Missing closing tags are likely to cause problems.

Thanks,

Anne

[simon3215]

Hi Anne, thanks for the reply, noticed this before i checked for the answer, embarrassing or what, just proves the importance of breaks, no doubt i messed the last responsive template up through rushing