Jump to content


Photo
- - - - -

Need Some CSS Guidance Please

CSS

  • Please log in to reply
1 reply to this topic

#1 eholland7080

eholland7080

    Advanced Member

  • Members

  • 31 posts
  • Country: Country Flag

Posted 13 March 2014 - 06:55 PM

Hello everyone

I am working on a site redesign which can be found here:  http://studio7080.com.  I need to make it look like the current site found here: http://www.mwhglobal.com.

 

I am current stuck with some alignment, margin, padding etc issues in the header.  If you look at the 2 sites you will see the menu item "International Sites" sitting right below the google search box on the current site (www.mwhglobal.com). But on my site redesign (www.studio7080.com), you can see the menu item "International Sites" sitting much further down.

 

I use Firebug in FF bug just can't get the CSS to make them the same.  I'm sure one of you CSS ninja's will see my issue straight away and point me in the right direction.

 

Thank you all in advance

Eric



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2014 - 11:51 PM

Hi Eric

 

When using the editor in chrome or firebug if you scroll through the html you'll see the places where margins/paddings are applied as they're highlighted in blue/yellow/orange (colors depend on whether you're using chrome or firebug). Looking into the css for that div where the highlight was showing you'll be able to track down the css and make the edits in the browser to copy/paste back into the css panel.

 

For items which show .pl-section-pad you'll need to add the section class in front of that code, as that class is used multiple times inside the DMS layout. Adding the section class in front ensures that only the padding in the section pad inside that area is affected.

 

.section-ubermenu-megamenu-adapter .pl-section-pad {
    padding: 2px 0;
}

 

Please see a screencast I made to help here - http://screencast.com/t/tsotbxtBnb6u


  • batman likes this





Also tagged with one or more of these keywords: CSS