Customize link texts from slide in home page

[Anna65]

Hello!

Does anyone know how can I customize my text links in the slides of my home page? They are too big when I choose them to be in the bottom left, and too much in the middle covering my image when I choose them to be in the center…

URL: https://designmehair.nl

PASSWORD: 12345

Any help is welcomed thank you!

[Ahsan_ANC]

Hi, @Anna65

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> theme–async.css ->paste the below code at the bottom of the file.

@media only screen and (min-width: 768px){
.featured-content--root[data-text-width=medium] .featured-content--text {
    max-width: max-content;
}
.featured-content--root[data-box-around-text=true] .featured-content--text{
   padding: 11px;
}}

[Anna65]

Hi!

Thank you so much for your answer! This worked, just one more thing… is it possible to put it bottom center? Like here where the black rectangle is

[Ahsan_ANC]

paste this code after the previous one

@media only screen and (min-width: 768px){
.featured-content--root[data-text-position=center][data-box-around-text=true] .featured-content--text {
margin-top: 20%;
}

[Anna65]

Hello @Ahsan_ANC

It is a perfect solution for desktop view, but I just realized it doesn’t happen for the phone view. Any idea how to solve this?

Thanks a lot!

[Ahsan_ANC]

Hi @Anna65 Please remove the line that is highlighted in the below screenshot from theme–async.css file.