How to apply custom CSS?

  • Sauron

    (@sauron)


    11 years, 1 month ago

    Hi!

    Have a general question about applying custom css:

    On this URL:

    http://hvalsafari.eybjorn.com/forside-1/

    I am trying to remove the white spaces between sections. In firefox i use the inspector and I have found that I can adjust this by editing an “attribute” called margin-bottom. In the inspector I can read the following:

    #pg-5956-0, #pg-5956-1, #pg-5956-2, #pl-5956 .panel-grid-cell .panel { margin-bottom: 30px; }

    I tried to apply this to my custom css but nothing happens. When I use the inspector, I can also see that I have more “levels” above this…for example a class called page-id-5956.

    My question is, how must I apply this to my custom css. Do I need to start “on top” specifying every class from the page id and down. I am completely new to using CSS so my explantions might not be the best. Are just trying to get the logic on how to use the inpector to find the right variables to adjust and then add it to the CSS….

Viewing 1 replies (of 1 total)
  • Janis Ozolins

    (@janisozolins)

    11 years, 1 month ago

    Hi Sauron,

    In the custom.css file:

    }
#page-id-5956 #pg-5956-1 .panel-grid-cell .panel {
        margin-bottom: 30px;
}

    Change the margin-bottom value to -7px or other if it doesn’t work like it should. That is all you need to do if you want to get rid of the white space.

    ~ Janis

Viewing 1 replies (of 1 total)

The topic ‘How to apply custom CSS?’ is closed to new replies.