Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

Changing styles in a provided .css not working? (Skeleton)

Started by Kevin 9 years ago · 0 replies · 772 views
9 years ago

Hello,

I am currently trying to style the clean-blog theme a bit - Not sure if important: I used the skeleton, then updated Grav, Theme and Plugins.

So, for example, I want to change the pre part of the Theme, so I go into /themes/clean-blog/vendor/bootstrap/css/bootstrap.min.css and change it like this:

Original:

CSS
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

Changed:

CSS
pre {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
}

Basically remove padding and borders. Saving the file, restarting nginx, but it still show it with the padding and the borders.

When I look into that part with Chrome Dev Tools, it also shows the padding and borders.
I tried to change that part in the bootstrap.css aswell, but no luck so far.

Am I doing something wrong?

Thanks!


Fixed... the 3rd browser worked and showed it correctly.. guess I have some cache issues.

last edited 11/16/17 by Kevin

Suggested topics

Topic Participants Replies Views Activity
Themes & Styling · by Pedro M, 2 months ago
4 197 2 months ago
Themes & Styling · by Ian, 2 months ago
3 93 2 months ago
Themes & Styling · by Norbert, 2 years ago
11 454 3 months ago
Themes & Styling · by Lukáš Findeis, 3 months ago
0 47 3 months ago
Themes & Styling · by Sebadamus, 4 months ago
5 127 3 months ago