Forum Support

 
Advanced Search


[1]

Offline squiant
Free Member
Posts: 47
Posted on: August 26, 2013, 11:56:55 AM

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

Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: August 26, 2013, 06:25:36 PM

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
Logged

Offline squiant
Free Member
Posts: 47
Posted on: August 26, 2013, 08:17:01 PM

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
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: August 26, 2013, 08:22:00 PM

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
« Last Edit: August 26, 2013, 08:23:51 PM by mikenicoll »
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.018 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.