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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Globetrekker]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Globetrekker]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Globetrekker]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Globetrekker]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts