Homepage image

[Globetrekker]

I am having trouble with my image on the homepage. I set it up under Sweetdate -> Homepage and even though I have pressed “Fixed” the image moves, when I scroll the page.
How can I get the image to be fixed?

[Laura]

Hello, please share your website link so i can help you 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Link is: http://godate.dk/
Thanks 🙂

[Laura]

Hello, please add this to quick css or style.css in child theme

COPY CODE

#header {
  background-attachment: initial !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Hi Laura,

I tried it, but as you can see it does not cover the homepage. The blue background is viewable depending on how large the window is.
Any other tricks? Thanks 🙂

[Laura]

Hello, to cover full page use this

COPY CODE

#header {
  background-size: cover !important;
}

Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Now I’m back at square one – the picture isn’t fixed.

[Laura]

Hello, you should have both codes together, like this:

COPY CODE

#header {
  background-size: cover !important;
  background-attachment: initial;
{

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Hi Laura.. Still doesn’t work I’m afraid. Unless I have to upload the picture in a specific pixel size?

I have another question: I need to make the Button Background Color (the sign up/sign in menu on the homepage in front of the background) slightly transparent, and can therefore not do it in the Sweetdate menu, as it only supports RGB. Which code should I add?
Thank you

[Laura]

Hello, could you share admin credentials? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Here you go – be careful ;D:

Username: Laura
PW: SweetLaura1234!!!

Thank you

[Laura]

Hello, its fixed, i used this

COPY CODE

#header {
  background-attachment: initial !important;
{

In quick css

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Thanks a lot Laura. Looks good! 🙂
Can you answer the other question:

I need to make the Button Background Color (the sign up/sign in menu on the homepage in front of the background) slightly transparent, and can therefore not do it in the Sweetdate menu, as it only supports RGB. Which code should I add?
Thank you

[Laura]

Hello, please try with:

COPY CODE

a.tiny.secondary.button.radius {
  background-color: rgba(255, 255, 255, 0.42);
  border-color: rgba(255, 255, 255, 0);
}
a.tiny.button.radius {
  border-color: rgba(81, 127, 164, 0);
  background-color: rgba(81, 127, 164, 0.4);
}

Let me know if it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Hi Laura,

I tried the code and it is exactly what I want – almost!!
Because, I can see I wrote it the wrong way, and you did exactly what I asked! Thanks a lot! 🙂
However, I meant the large sign-up/search area including the newest members.
But I will make use of the code you provided also..
Hope you will help with about as well.. Thanks

[Laura]

Hello, do you mean the form or the button?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Hi Laura,

I mean the complete form. Everything I have marked with red in the attachment.
Thanks! 🙂

[Laura]

Hello, already did this before, please check https://archived.seventhqueen.com/forums/topic/kleo-inscription if you need more changes let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Globetrekker]

Awesome Laura! Very nice. Thanks a lot!

[Laura]

Hello, i’m glad i could help! If you are happy with the help, please rate us 5 stars at ThemeForest or give a nice coment! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts