Shape 5

Joomla Templates => Oasis - Club => : jeddy February 16, 2016, 12:59:36 PM



: full width section
: jeddy February 16, 2016, 12:59:36 PM
Can someone let me know the proper css to make one roe full width? I am trying to add a full width map and when I edit the css it messes the margins up in all the rows as they seem to be clumped together in one class.

Here is the link to my site : http://goo.gl/9Q5Owd

The section in question is the towards the bottom with the map. I want to have it with no padding or margin.

Thanks


: Re: full width section
: mikek February 17, 2016, 08:26:22 AM
Hello,

You would have to modify the template's index.php file for this. Every row has a class "s5_wrap" on it that assigns the body width to it. You would have to remove that class from the desired row.


: Re: full width section
: jeddy February 18, 2016, 02:31:43 PM
Thanks, that worked great also added this to custom.css:

#s5_bottom_row1_area1 {
    padding-bottom:0px;
    padding-top:0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: -65px;
    margin-left: 0px;
    margin-right: 0px;
}

Also in the template.css I changed margin-right to 0px and margin-left to 0px

.module_round_box_outer, #s5_pos_custom_2 .moduletable {
margin-right:0px;
margin-left:0px;
margin-bottom:60px;
font-size:1.1em;

All seems to work great now.