Theme Sorbet.Color changing

thomasengst · Member · Jan 9, 2015 at 10:55 pm
Copy link

Add topic to favorites
Good evening,
How can I change the color of the black line? http://naturgebloggt.com/

thanks for help,
Thomas

The blog I need help with is naturgebloggt.com.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 9, 2015 at 11:49 pm
Copy link
Hi Thomas, assuming you mean the dark band at the top of your site, I used the web inspector in my browser to determine that the background color was set in .site-header. The CSS to change that would be this.
```
.site-header {
background: #242d36;
}
```
If you also wish to change the color of the dark band at the bottom of your site, this would be the CSS.
```
.site-footer {
background: #242d36;
}
```
If you are not yet familiar with the web inspector tool in your browser, take a look at our support document on How to Find Your Theme’s CSS, which has some brief screencasts to get you started using it. It makes working with CSS much easier.
thomasengst · Member · Jan 10, 2015 at 12:03 am
Copy link
thanks your your help. I embeded the code and now it is much better but there is still a smal black line left (take a look http://www.naturgebloggt.com). But now I got two other questions. 1. How can I delete the small black lines, 2. how can I change the color of the “older Posts” Button below the last post at the bottom and 3. how canI change the color of the Headline “Naturgebloggt” from white in to an other color. Last but not least, how can I change the Size of the headline?

Greetings,
Thomas
thomasengst · Member · Jan 10, 2015 at 12:04 am
Copy link
in addition to 1.: Hoc can I change the color of the small black line?
thesacredpath · Member · Jan 10, 2015 at 12:12 am
Copy link
Oops, it they have a pesky border. Change what I gave above to this
```
.site-header {
background: #f2f4d5;
border: none;
}
.site-footer {
background: #f2f4d5;
border: none;
}
```
For the older posts button, add this and edit (I included a text color declaration as well since you might want to change that too)
#infinite-handle span {
background: #f2f4d5;
color: #ffffff;
}`
For the site title color and size, add this and edit.
```
.site-title a, .site-title a:visited {
    color: #ffffff;
}
.site-title {
    font-size: 1.27778em;
}
```
thomasengst · Member · Jan 10, 2015 at 12:23 am
Copy link
thx again, you did a great job. fantastic. pls allow me on elast question: How can I change the size of the text under the title (Naturschutz-weil’s wichtig ist)?
thomasengst · Member · Jan 10, 2015 at 12:27 am
Copy link
By the way, it is possible to implement an arrow which appears after scrollong down and brings me automatically back to the top of the blog (like this one http://www.naturgeblogt.de)?
thesacredpath · Member · Jan 10, 2015 at 5:27 pm
Copy link
Hi, I see you have gotten the site description text changed with the following CSS.
```
h2.site-description {
    font-size: 1.8em;
}
```
For a return to top, what about it in your footer menu? You can try it with the code you have in the text widget in your sidebar.
thomasengst · Member · Jan 10, 2015 at 5:48 pm
Copy link
How can I write the code snippet in the footer menu?
thesacredpath · Member · Jan 10, 2015 at 7:11 pm
Copy link
Create a Custom Link in your footer menu and use this as the URL and label it “Back to top” or whatever you wish to name it.
http://naturgebloggt.com/#

No items found.