How to replicate demo for Luxury Theme

imthehbic · Member · Jan 18, 2021 at 5:45 pm
Copy link

Add topic to favorites
Hi folks!

Maybe someone here can help me :) I’m trying to add text to the header with a button similar to that of the Demo.

Here’s my site: http://www.imthehbic.com

Here’s the setup link which shows their header with text and a button: https://wordpress.com/theme/luxury/setup

I am a novice to coding and quite confident I won’t be able to add a button with CSS as I *think* CSS is simply for styling? But PLEASE let me know if I’m wrong.

Thank you!

The blog I need help with is: (visible only to logged in users)
supernovia · Staff · Jan 19, 2021 at 12:15 am
Copy link
Looks like you’ve already got it! To add a button, edit the HTML to add the button class to your links:

Example Button

Or, just use the buttons block.

Let us know if you need more help!
imthehbic · Member · Jan 20, 2021 at 2:21 am
Copy link
Thanks!

It still has this odd space between the header area and the text from the homepage. Is there CSS that can fix it?
aleone89 · Staff · Jan 20, 2021 at 10:12 am
Copy link
Hello there,

Happy to help you with this.

Just to double check what’s required CSS wise, are you referring to the space seen here: https://d.pr/i/whUDdB /

Many thanks in advance.
imthehbic · Member · Jan 21, 2021 at 6:25 am
Copy link
Hi @aleone89!

YES! That’s the space that I’m trying to remove.

Thank you in advance.
imthehbic · Member · Jan 21, 2021 at 6:25 am
Copy link
And sending another reply so I can turn on email notifications haha.
aleone89 · Staff · Jan 21, 2021 at 9:09 am
Copy link
Hello!

Awesome, thank you for that confirmation, the CSS you would need is:
```
/* Remove padding between header and content */

.homepage .page-content {
    padding: 0px 0;
    }

.content {
        padding: 0px 4%;
    }
```
This can be added via Design > Customize > Additional CSS

I hope this helps!
imthehbic · Member · Jan 22, 2021 at 7:59 pm
Copy link
SOOOO close. I still have a little bit of room between the header and the beginning of my “Homepage.” Help?
supernovia · Staff · Jan 23, 2021 at 12:04 am
Copy link
Ah I see it. It’s the title. Try this:
```
.home h1.headline.text-center {
    display: none;
}
```
imthehbic · Member · Jan 25, 2021 at 1:49 am
Copy link
Ah! This did the trick. THANK YOU everyone!
imthehbic · Member · Jan 25, 2021 at 1:49 am
Copy link
Resolved :)

No items found.