By keiffee on

I have taken some screen shots and placed them up the on the website so anyone can see them

http://www.croydonaccessibletransport.org.uk/content/website-design

could someone please tell me where i would make this change permanent. Details are on this site of what i need to do? I using firebug to find the css code that needs changing

⋅ Categories: Drupal 7.x

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Just copy paste the CSS to a CSS file in the theme, maybe the one that is showing the body style, Firebug lets you hover the link to show you which file it is, you need add the right selector of course, then add the styles.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
keiffee’s picture

keiffee commented

Thank you for getting back to me. As im using 0-point for my theme i take it i would have to update the style-zero.css file with the copied info from firebug?

Is there anywhere where i can read up / video about adding the right "selector" ie what it is, how dose it work type of thing.(yes im new to Drupal sorry). The styles (im guess) is the margin-left: 10px strings that i change in firerbug to get it to do what i need it to do.

Also ... 

element.style {
           float: right
           height: 281px;
           width: 392px;
}
img {            system.theme.css

here is the element.style that i need to change....say adding margin-left: 10px; this works in firebug and im happy to make this the default. do i look at the line below img { system.theme.css and add the style into there?

Im just trying to get my little head around this.