Docs

[outofclosets45]

Is it possible to add a background image to portfolio page but only behind the portfolio pictures themselves? And if so, will that image also show up when you go to the gallery page? See Portfolio page attached…
Thank You! 🙂

[outofclosets45]

Oh sorry had wrong file size format…

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[outofclosets45]

This reply has been marked as private.

[Rupok]

Hi Susan,

Thanks for updating.

You can set background image for each page separately. So let’s go to your page editor (default) and set the background image from Page Settings – http://prntscr.com/aw98xa

I am bit confused about the other issue regarding tag. Would you ad a screenshot pointing this so that we can suggest a code to fix this?

Cheers!

[outofclosets45]

Yes, I did try using the background image from page settings as you suggested and that didn’t work?…I tried on the page and also going into the portfolio items, and setting that background image there too, I set one at a time then did both for example shower doors then sliding glass doors…nothing happened? Just stayed white.

I used this code to get rid of the tags off the portfolio page. So I’m good there!;)
.single-x-portfolio .entry-extra { display:none; }

What was happening is that I decided not to have any tags on the portfolio page but there was a gray outlined empty rectangle there holding the space in the sidebar is what it looked like. I thought about using the tags and making them “unclickable” as I found a code for that, but I decided to remove them and that code did it!
Thank You…look forward to another background suggestion?

[Rad]

Hi there,

Glad to hear that, and about the background, setting it under the page settings is working as by checking it. But, since you’re referring to background image just behind the portfolio images/body then that’s only doable with CSS.

Please add this as well with your image’s URL.

  .page-template-template-layout-portfolio .site > .x-container.width {
  width: 100%;
  margin:0;
  max-width:100%;
padding: 10%;
background: url(http://domain.com/image.jpg) no-repeat cover;
  }

Thanks!

[outofclosets45]

Okay yes, just realized that the “main background image” for website either by entering it in the page settings or by by the customizer only works if the site is on “blocked” layout and I had it on “full width” so therefore I didn’t see it. AND yes I actually wanted to put a background image behind the images/body in portfolio. So I inserted the code + my image url in customizer css and it didn’t work!

If you have another code, I will try it…but I did change the website to block layout, so with the main background and the portfolio being just white, well I think I like it!

Thank You sooooooooooooo Much!
This X-Theme is addicting!! LOL!

[Rad]

Hi there,

Please change it into this,

.page-template-template-layout-portfolio .site > .x-container.width {
    width: 100%;
    margin: 0;
    max-width: 100%;
    padding: 10%;
    background: transparent url("http://domain.com/image.jpg") no-repeat;
    background-size: cover;
}

I checked that and it works, just as long as you add the background image.

Thanks!

[Author]

Posts