Setting background via css

szecsenke
(@szecsenke)

7 years, 8 months ago

Hello!

I would like to put a specific image as background (into the area i tried to highlight with a red circle), no repeat, no scrolling, fixed fullscreen

View post on imgur.com

for just this one page (Galéria) and it shouldnt appear on the others, is that possible?

if not, then can you help me putting the background in place of the grey area?

Also i cant seem to change the color of those two black blocks near the navmenu.

Can someone please help me with any of these issues?
Thanks in advance!

The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

Moderator Steven Stern (sterndata)
(@sterndata)

Volunteer Forum Moderator

7 years, 8 months ago
That page has a class of “page-id-8”, so
```
.page-id-8 .mainwrap {
   background: url('URL of your background image here');
}
```
for the blocks:
```
.pagenav {
    background: insertcolorcode here;
  }
```
To add CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.
Joy
(@joyously)

7 years, 8 months ago
Using this rule, it would look like this
```
.page-id-8 .postcontent {
    background-attachment: fixed;
    background-image: linear-gradient(tan, aliceblue);
    background-repeat: no-repeat;
}
```
If you move it to main, it looks like this
```
.page-id-8 .main {
    background-attachment: fixed;
    background-image: linear-gradient(tan, aliceblue);
    background-repeat: no-repeat;
}
```
Thread Starter szecsenke
(@szecsenke)

7 years, 8 months ago
Thanks a lot for the solution to the black blocks

However the page background doesnt seem to work, can you help with that ?

Thanks in advance!

EDIT: It works with the color code, but not with the image, i’m trying to use an image from the media library, could that be the problem ?
- This reply was modified 7 years, 8 months ago by szecsenke.
Thread Starter szecsenke
(@szecsenke)

7 years, 8 months ago

Ok nevermind, solved it, thank you all youre wonderful!

Thread Starter szecsenke
(@szecsenke)

7 years, 8 months ago

My friend wants me to to set a background via css, to make the site look like this :

View post on imgur.com

I have absolutely zero idea how to achieve this, as this image should cover the white header area (except the logo), the f4f4f4 background and the white blocks on the edges of the navmenu i just got fixed with the help of the support.

Is there a solution to this?

Thanks in advance!

Thread Starter szecsenke
(@szecsenke)

7 years, 8 months ago

I managed to set a background image, but (as expected) the site looks even more broken than it used to.

Is there a solution to have this image cover the #fff & #f4f4f4 blocks, and not look broken with the header logo? (the footer doesnt matter as i’ll remove that anyways)

Thanks in advance!

Moderator Steven Stern (sterndata)
(@sterndata)

Volunteer Forum Moderator

7 years, 8 months ago

You’re using a commercial theme/plugin and need support, so please use their official support channel. We feel they are best equipped to support their products.

https://premiumcoding.com/wordpress-themes/fashy-wordpress-fashion-blog-theme/

Commercial products are not supported in these forums. .
Thread Starter szecsenke
(@szecsenke)

7 years, 8 months ago
Okay changed the theme, now i am back to #1 problem, same deal, need background for each page AND for the site itself, how do i do that? the solution that worked for the previous theme doesnt work for this (or any other ive tried and would fit my friend’s needs).

EDIT: solved it, now i just need help removing the .hero panel for the homepage, so it would look like the other pages

Can someone help?
Thanks in advance!
- This reply was modified 7 years, 8 months ago by szecsenke.