Background Photo in Layer - WP Royal Themes

This topic has 7 replies, 2 voices, and was last updated 3 years, 9 months ago by vako.

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

Author

Posts
July 28, 2021 at 11:30 am #63978

Ralf Behnke
Participant
Premium Member

Hello,
I would like to do a background foto into a part of gutenberg editor. My CSS code is

.hintergrund {

background-image: url(https://vorlage.umsatzagentur.de/wp-content/uploads/2021/06/001_startbild.jpg);

background-position: center center;

background-size: 100% auto;

background-origin: border-box;

background-repeat: no-repeat no-repeat;

}
I insert this in the custom CSS of the Theme.

Within the page I put this into the field for CSS.

https://vorlage.umsatzagentur.de/wp-content/uploads/2021/07/Screenshot-gutenberg-editor-block.png

As you can see, (https://vorlage.umsatzagentur.de/) the border works, but the background foto not. What did I do wrong?

July 28, 2021 at 2:07 pm #63981

vako
Keymaster
Premium Member

Hi Konrad,

In order to assist we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

Please make sure to mark your reply as private to hide it from the public.

Kind Regards

July 29, 2021 at 10:56 am #63982

Ralf Behnke
Participant
Premium Member

This reply has been marked as private.

July 29, 2021 at 2:27 pm #63986

vako
Keymaster
Premium Member

Hi Konrad,

Seems that the CSS class is incorrect, please show us the section you want to add an image as the background and we will create snippets.

Kind Regards

July 29, 2021 at 2:39 pm #63989

Ralf Behnke
Participant
Premium Member

This reply has been marked as private.

July 30, 2021 at 1:40 pm #64000
vako
Keymaster
Premium Member
Hi Konrad,

When we tested the custom CSS snippet it was applied, please see the screenshot: https://nimb.ws/t41xcH after that we removed all the CSS snippets you had before in the customizer and left just our created and properties were applied.

Please remove all css snippets except this one, and check for the results.
```
.wp-block-columns.are-vertically-aligned-top {

background-image: url("https://vorlage.umsatzagentur.de/wp-content/uploads/2021/06/001_startbild.jpg")

}
```
Kind Regards
August 2, 2021 at 10:41 am #64007

Ralf Behnke
Participant
Premium Member

This reply has been marked as private.

August 2, 2021 at 12:20 pm #64009

vako
Keymaster
Premium Member

Hi Konrad,

We said that one of the CSS snippets that you have already have in the customizer section causes the issue, some of them block the properties of the snippet we created, please temporarily remove all the CSS snippets and add only our shared one and you will see the result.

Kind Regards
Author

Posts

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

You must be logged in to reply to this topic.