Shape 5

hi,

i would need to make some changes to the template layout

1.- i need to reduce space between logo custom area and the breadcrumbs bar

there's already a topic about this but there's no info about in which part of the css file this would be placed 

.s5_is_wrap {
margin-left:66px !important;
margin-bottom:-60px !important;
}

2.- create a frame for the breadcrums area, just a black line surrounding the area

3.- move a little the social icons to the left and place a search box in ther right of the bar next to the social icons

4.- get rid of the white background area that shows on the top row and botom row positions or make it smaller to make it look as a frame, in this case i should be able to change the white color to any other and reduce the space between module positions in the same row

5.- create a line frame of specific color for the modules, perhaps modifying any of the module classes this should be able to be aplied to the top and bottom rows

thx for your answer

Hello,

1) Just add a negative margin to the element in the custom.css file:

.s5_is_wrap {
margin-bottom: -10px !important;}

2) Add this to the custom.css file

#s5_breadcrumb_wrap .moduletable {
border: 1px solid #000000;
padding-right: 5px;
padding-left: 5px;}

3) This would require custom programming changes.

4) Please review our Firebug Tutorial here:

http://www.youtube.com/watch?v=4kmZ9uQcA_c

It explains how to identify elements and change pre-exisiting background calls.

5) Adding or modifying module suffix's would require custom programming. We list all the available styles here:

http://www.shape5.com/demo/lime_light/index.php/features-mainmenu-47/template-features/95-module-positions

Regards,

-Mike

hi

i'm adding this

.s5_is_wrap {
margin-bottom: -10px !important;}

to the custom css file and nothing is happening

i also tried s5_logo
S5_shadow area

and nothing

could you please give some guide

Hello,

I just tested the following coding again that I provided on my copy and it was reducing the gap between the bottom of the Image Slide and the Breadcrumbs as you were looking for.

.s5_is_wrap {
margin-bottom: -10px !important;}

Make sure you clear the cache after you make any changes like this. If you want to reduce the space between the actual logo and the Image Slide just use margin-top with a negative value instead.

If none of that works please post a URL so I can see what you have added.

-Mike