Blog > Article > background

Resolved antoineO
(@antoineo)

10 years, 11 months ago

Hello,

I would like to have a specific background color for my blog articles only (background: #e9e9e9) and keep my background color for others pages (background: #ffffff).

I try this but it does not work :

body.postid .contentclass {background: #e9e9e9 !important;}

How can I do it please, without to do specific for each article like this : body.postid-XXX ?

Thanks for your help

Viewing 15 replies - 1 through 15 (of 16 total)

1 2 →

Thread Starter antoineO
(@antoineo)

10 years, 11 months ago
I forgot the link.
Here to add background : http://lapousse.fr/creer-son-site-internet-professionnel/

And other similar question : how can I add a white background on the textwidget just for this page : http://lapousse.fr/notre-blog/ and the articles pages ?

I try it but it affects each page :
```
.textwidget {
    background: #ffffff !important;
}
```
thank for your help
hannah
(@hannahritner)

10 years, 11 months ago
Hey,
1. Try this css:
```
.postid-577 .contentclass {
  background-color: #e9e9e9;
}
```
2.
```
.sidebar .textwidget {
  background-color: #fff;
  padding: 5px;
}
```
Hope that helps!

Hannah
Thread Starter antoineO
(@antoineo)

10 years, 11 months ago

Thanks Hannah

It works for the sidebar / textwidget.

Otherwise, for your code “.postid-577 .contentclass”, my problem is that it concerns only one article. But I would like to apply it for all my future articles, without applying for each new article ID.

Is it possible ?

Thxs
hannah
(@hannahritner)

10 years, 11 months ago
I think this will work:
```
.single-post .contentclass {
  background-color: #e9e9e9;
}
```
Hannah
Thread Starter antoineO
(@antoineo)

10 years, 11 months ago

Perfect ! It works.
Thanks very much Hannah

jfahrenkrog
(@jfahrenkrog)

10 years, 9 months ago

Hi Hannah,

I’m having a similar issue… but I want to only display the .contentclass background image on the homepage. It is still showing up on the sides of the other pages.

http://63a.749.myftpupload.com/

I’ve tried

.postid-598 .contentclass {
background-position: center center;
background-image: url(‘http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg’);
}

and

.pageid-598 .contentclass {
background-position: center center;
background-image: url(‘http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg’);
}

I even tried making the other pages .contentclass be white

.single-page .contentclass {
background-color: #ffffff;
}

Nothing is working.

Thanks for your help,
Joy

Michael
(@alchymyth)

10 years, 9 months ago

@jfahrenkrog
none of those CSS classes exist in your home page.

per forum guideline http://codex.wordpress.org/Forum_Welcome#Where_To_Post, please start your own topic in https://wordpress.org/support/theme/pinnacle#postform

jfahrenkrog
(@jfahrenkrog)

10 years, 9 months ago

.contentclass {
background-position: center center;
background-image: url(‘http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg’);
}

does! I’ve checked it 🙂
Tahoerock
(@tahoerock)

10 years, 9 months ago
Hi jfahrenkrog
I Was inspecting it and it should be this:
```
.contentclass .container .homepagecontent {
background-image: url('http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg');
}

or

.contentclass .homepagecontent {
background-image: url('http://63a.749.myftpupload.com/wp-content/uploads/2015/06/background-e1433891192338.jpg');
}
```
Put this code to your child theme

style.css

file

or

download and install plugin:
Simple Custom CSS

Hope this will help
Cheers
TR
jfahrenkrog
(@jfahrenkrog)

10 years, 9 months ago

Thanks TR… it is working more or less now… but I’ve lost the wood on the right and left hand sides.

I tried adding background-width: 100%; but that didn’t do it.

background-position: center center; didn’t do it either…

The theme comes with a place to add css.

Tahoerock
(@tahoerock)

10 years, 9 months ago

It is not secure to have custom css being part of the any theme.
Once you update the theme you can loose all tweaking.

Tahoerock
(@tahoerock)

10 years, 9 months ago

Try To go to the WordPress Dashbord, Appearance, Background image, Background repeat : Tile or Tile Horizontally
Hope this is it.

Cheers
TR

jfahrenkrog
(@jfahrenkrog)

10 years, 9 months ago

Thanks TR.. I get what you are saying. I usually use Jetpack but it has been slowing down my sites lately so was trying to do something else. Don’t have the option under appearance. I’ll probably try support from the theme. I just saw that one of the people on their support team had responded to this and it was more or less the same issue so I thought I’d tag on here, but seems I should have opened a new issue.

Thanks for trying!

Tahoerock
(@tahoerock)

10 years, 9 months ago

ok
Fell free to ask in the future
TR

Tahoerock
(@tahoerock)

10 years, 9 months ago

BTW
Why is your URL so strange?? 🙂
TR

Viewing 15 replies - 1 through 15 (of 16 total)

1 2 →

The topic ‘Blog > Article > background’ is closed to new replies.