Message Boards

I am changing the _diffs/css/custom.css to add a background image as follows, and I cannot get it to work.  Is there an issue with the Gentelilla theme for LR 6.2?

body {
         @include background-image('./images/mybackgroundimage.jpg');
         background-repeat: no-repeat;
         height: 100%;
}

I compile the changed theme, deploy it, clear tomcat cache and browser cache, and I do not see the image.   Any suggestions?

Hello,

Can you use this CSS code : 
and you need to upload your backgroundimage under the images folder.

Regards,
Sabri BEN SALEM

I had the image in place, but made the suggested change, but no change.   See project setup and custom.css below.

Hello,

The correct CSS property is background-image, not  @include background-image.
But the background will not be visible because there is a background color to apply on the sidebar and on the other content of the theme.

Regards,
Sabri BEN SALEM 

Thank you for your correction, and apologize for the oversight. 

However, after making the change, and as you indicated, the background image is still not visible.

Is there anyway to use a background image in the Gentelella theme in the right column, main content well?

Thanks,
Philip

Hello,

If you need to set a background image for the sidebar, you need to edit the file style.css: 


and for the main content, in the same file (style.css):


Regards,
Sabri BEN SALEM

Thanks for the suggestion Ben, but this also does not generate any visible difference.  Cache is being cleared with every update.


.aui body .container.body .right_col {  /* background: #f7f7f7; */  background-image('../images/24699087.jpg');  background-repeat: no-repeat;  height: 100%;}Do you have an example of a gentelilla theme with a background image?Thanks,Philip

Hello,

Try this :
 

Tried that, and also ../.. based on this post:   https://stackoverflow.com/questions/20047364/how-to-give-the-background-image-path-in-css

However, when I review the style.css file in the exploded war file directory after deployment, it is still.

.aui body .container.body .right_col {
  background: #f7f7f7;
}

The theme does not appear to be updated either through auto-deploy or manual deploy.   Are you able to make an update to this theme locally?  I even tried just changing the color without any success.

Hello, 

These are the changes in the file style.css: 


You need to:
- Remove the content of the temp folder except "liferay" folder.
- Remove the Theme from webapps folder
- Restart the server.
- Deploy the Theme again.

Regards,
Sabri BEN SALEM