Jump to content


Photo
- - - - -

Custom Css Questions

CSS

Best Answer Danny , 23 December 2012 - 10:55 AM

Try this!

 

 
#site .section-highlight {
margin: 1.1em 0;
}
Go to the full post


  • Please log in to reply
9 replies to this topic

#1 scrappy

scrappy

    Member

  • Members
  • 14 posts
  • Country: Country Flag

Posted 22 December 2012 - 08:56 PM

I am trying to change the margin from 1.6em to 1.1em of a particular css class.  I have done a lot of custom css to the site (as you can see :)), but for some reason nothing is working for this change.

 

i have tried everything, by adding the following snippets to the custom css tab in pagelines (to name a few):

 

.page-id-174 #highlight section.copy {

margin: 1.1em;

}

 

 

.page-id-174 #highlight .copy {

margin: 1.1em;

}

 

.page-id-174 #section .copy {

margin: 1.1em;

}

 

 

.page-id-174 .copy {

margin: 1.1em;

}

 

I have attached a screen shot of the page and the Google developer tools css output.

 

Any advice would be great.  

 

Thanks!

 

Steve

Attached Files



#2 osgzach

osgzach

    Advanced Member

  • Members
  • 32 posts
  • LocationWI, USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 22 December 2012 - 09:18 PM

have you tried removing the  class before the section ID?

 

I haven't found that I've needed to use a prefacing class like that in any of my overrides?



#3 scrappy

scrappy

    Member

  • Members
  • 14 posts
  • Country: Country Flag

Posted 22 December 2012 - 09:51 PM

I am putting this code in the custom css tab in pagelines.. so i have to call upon the section and the css to make the change that over rides the css ... you can see the css that i am trying to change in the css_help.jpg



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 December 2012 - 10:13 PM

Other factors are in play here which may not be adjusted given the code provided. For example, you also have:

Please Login or Register to see this Hidden Content

You should use Firebug's options to identify the CSS elements to test.  It's not hard to do.



#5 scrappy

scrappy

    Member

  • Members
  • 14 posts
  • Country: Country Flag

Posted 22 December 2012 - 11:39 PM

I put that padding CSS in myself.. that is not a problem.. i am able to change the padding, but i am not able to change the margin.. i did look at it in firebug and it is the same issue as it is in chrome

 

section.copy {

margin: 1.5 em;

}

 

i have done a ton of css changes to the site.. but for some reason there is no way to change the css this css

 

thanks for the help...



#6 scrappy

scrappy

    Member

  • Members
  • 14 posts
  • Country: Country Flag

Posted 22 December 2012 - 11:48 PM

here is the screenshot from firebug..  

 

Please Login or Register to see this Hidden Content

 

any advice would be great!



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 23 December 2012 - 12:11 AM

Try using

Please Login or Register to see this Hidden Content

That code is compiled, thus shortened from the full.  It's presuming that since it follows #highlight, it's associated with it. So, customizing, you need to add the prefix to it.



#8 scrappy

scrappy

    Member

  • Members
  • 14 posts
  • Country: Country Flag

Posted 23 December 2012 - 04:59 AM

Rob,

 

Thanks a lot for the advice, but unfortunately it did not work.  It is super odd.  It is the only piece of CSS that I have had trouble editing.

 

Steve



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 15680 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 23 December 2012 - 10:55 AM   Best Answer

Try this!

 

Please Login or Register to see this Hidden Content



#10 scrappy

scrappy

    Member

  • Members
  • 14 posts
  • Country: Country Flag

Posted 23 December 2012 - 08:47 PM

worked! thank you, i would never have guessed!







Also tagged with one or more of these keywords: CSS