Forum Support

Shape 5
March 29, 2024, 09:59:59 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: layout  (Read 405 times)
squiant
Jr. Member
**
Offline Offline

Posts: 47



« 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
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 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

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
squiant
Jr. Member
**
Offline Offline

Posts: 47



« Reply #2 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
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 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

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
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.