www.ropasdepueblo.com

I have problems with this position. i need that width of this position aren´t the width of the screen. I need that this position has the same width of main. I need a position on the bottom of main with the same width that the body. Innerbottom or innerbottom-b not good because works with sidebar and i need that this position has the same width that body but not all.

Now i has put background-color of position bottom-a transparent and i see the image that i upload but i has two modules that not has height fixed and not works fin in responsive mode when works between 768 and 980px and has i see the image wrong because i saw the background. i want to put the same color that modules and i see fine. I need put one background-color to this position but not width of screen, width of the body. You can see the images...

There are one error(file 2) on width of position. how can i solved this?

i need to solved urgently

Thanks

Hi,

The gap on the right-hand side is happening because 100 is not divided by 3.

The left module(TESTIMONIOS) gets 66% (2/3), the right module gets 33% (1/3). Thus total is 99% (3/3).

To fix this problem, open any CSS file, force the 33% to 34% (for the 2nd module) by this rule:

the result will be:



regards.

OK but this not is the only problem...my principal problem was the other. i need that you help to me about the bottom-a position:

I have problems with this position. i need that width of this position aren´t the width of the screen. I need that this position has the same width of main. I need a position on the bottom of main with the same width that the body. Innerbottom or innerbottom-b not good for me because works with sidebar and i need that this position has the same width that body but not all.

Now i has put background-color of position bottom-a transparent and i see the image that i upload but i has two modules that not has height fixed and not works fin in responsive mode when works between 768 and 980px and has i see the image wrong because i saw the background. i want to put the same color that modules and i see fine. I need put one background-color to this position but not width of screen, width of the body. You can see the images...

Hi,

Layout inquiries are 100% custom coding modifications. If you are looking for further modifications, customization those are considered as "custom modifications" and we don't provide free support or step-by-step instructions for custom coding modifications. ou may purchase premium support: www.flexiblewebdesign.com/premium-support and let us take care the modifications for you directly on your website though.

I am providing you free-support about the layout one last time:

If you were using any "developer tools" (e.i: Firebug or Chrome Developer Tools) you will find your solution by yourself very easyly. See the screenshot.



<div class="wrapper"> element limits the width to 900px (or what ever value you defined through template manager). So, the content, bottom-a, bottom-b etc..they are limited to 900px)

If you want to change the background of bottom-a, then you shouldn't apply the CSS rule the parent element, instead; you should apply the CSS rule to the module elements individually

to disable the background rule for bottom-a parent element:
to apply background rule to the module elements under bottom-a:
If you include these 2 CSS rules above (to any CSS file), the result will be (screenshot is taken from live DEMO of CoolMart):




Same idea applies for "bottom-b" as well. It's parent element section#bottom-b has 100%; but the modules inside this position are limited to 900px by <div class="wrapper">

Regards.