XF 2.0 How to get one picture

[Abraham54]

My theme has a picture in the Header/logo row and the same picture also in the Navigation row.



What I like to accomplish, is that both the Header/logo row and Navigation row share the same picture, so that the present barrier between the two pictures will be gone and the picture shows as one picture.

 

[Ozzy47]

What have you added to your EXTRA.less template to get that image to show?

 

[Abraham54]

Hello Ozzy - in Extra.less nothing is yet added, at the moment all is done via Style Properties » Header and navigation.

 

[Ozzy47]

Someone like @Russ should know how to achieve that.

 

[hemant_bhardwaj]

@Abraham54 well it's not the best way but it done what you need
PUT this CSS in Extra.less

.p-body{  background: #f9f9f9; }
.is-sticky,.p-pageWrapper{
  background: url(image_url_here) ;
}
.p-nav ,.p-header{
  background:#00000000 !important;
}

 

[Abraham54]

@hemant_bhardwaj - I did what you suggested, but now the header and Navigation row are white.

 

[hemant_bhardwaj]

@hemant_bhardwaj - I did what you suggested, but now the header and Navigation row are white.

did you add image URL ?

 

[Abraham54]

@hemant_bhardwaj - sorry for the delay.
Yes, the image url was added.

 

[Abraham54]

A great thank you goes to Hemant, he gave the solution for the image link.