PDA

View Full Version : Problem in the design and I need help



Sripai Schraepler
February 3, 2017, 10:45 AM
Hello,

Template: general_wide

I want to fix a problem with the section#content div container
I work now a long time and can't fix :-( I hope together we can do!

also see attached image:

2093

section#main_container > div.inside-container = red line
section#content = blue line

I see the content container go on the reight side over the inside-container
and I want have that both is same on the reight side!

How have any idea or how is the problem ?

Cheers Sripai

Ameer Hassan
February 6, 2017, 05:32 AM
Hello Sripai,

Please send me link to your site and i ll send you fix

Ameer khan
http://absatlak.com

Sripai Schraepler
February 6, 2017, 10:43 AM
Hello Hassan,

this is a Problem in the org. general_wide template !!!

You can test at your self.

go to the templates > css > style.css

line 956 section#content
and
line 948 section#main_container > div.inside-container

add any bordercode and then you can see it :-)

Cheers Sripai

Viktor
February 6, 2017, 11:58 AM
Hello Sripai,

I don't see any problems with it.
Would you please explain us what a problem do you have with it?

It happens because section#main_container > div.inside-container has class:- col-md-8 from bootstrap.
This class has parameters margin-left and right 15px.

You can add new parameter in style.css file:


section#main_container > div.inside-container.col-md-8 {
margin-left:0;
margin-right:0;
}

Sripai Schraepler
February 6, 2017, 12:47 PM
Hello Viktor,

yes I can, then now I fix it.

.col-md-8 bootstrap is from size to width so the right side is ca. 10 px over the inside-container you can see on my image in the first post!
It's will show if the content use background color!

I modify :

line 361 .col-md-8 width: 66.66666667%; to width: 65.333333333%; may be is not so excatly but work

line 764 add .col-md-8 { width: 65.1111111111%; }

and then we must a litle bit modify in the styles too for the home Page, listing details page and @media size for responsive style.



Cheers Sripai