Return to previous page

Best way to place a button in a image . - by filiphdan

This topic has 10 replies, 3 voices, and was last updated 8 months, 1 weeks ago ago by Tony Rodriguez

filiphdan

Participant

August 21, 2023 at 11:05

Hello,

I am tryin to add a button to an image, i am using text block but the button is apearing below the image and i want to place it in lower left corner:

https://prnt.sc/_InP9ZvVy8ob

Could you advise what would be the best way to acomplish this?Maybe text block is not the rigth way to do it…

Thank you!

#365116 Copied Theme version: 9.1.2 WooCommerce version: 7.9.0

9 Answers

Rose Tyler

Support staff

August 21, 2023 at 13:33

Hello, @filiphdan,

Thank you for choosing XStore as your WooCommerce WordPress theme.

Please try to use our Banner element – https://xstore.8theme.com/elementor/demos/minimal-fashion02/banner-element/

Kind Regards,
8theme team

#365144 Copied

filiphdan

Participant

August 21, 2023 at 17:44

Hello,

That is exactly what i am looking for, but i only find banner with mask, i cant seem to find the banner element…

#365181 Copied

Rose Tyler

Support staff

August 22, 2023 at 10:19

Hello, @filiphdan,

Thank you for your response.

You are using WPBakery, so in your case, it will be a Banner with mask element.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#365221 Copied

filiphdan

Participant

August 22, 2023 at 15:29

This banner with mask is not intuitive at all, i can seem to make it work…
I managed to do it with massive product categories, and the result is good i like it, it would be great if i could replicate it with the Banner Mask because i do not want to use this pictures in the product categories…
You can check how it is here:
https://prnt.sc/m5NtigTXKqfc

Thank you!

#365269 Copied

Rose Tyler

Support staff

August 22, 2023 at 16:23

Hello, @filiphdan,

Thank you for your response.

Please check now – https://prnt.sc/eqEHkrFHT8Vr https://prnt.sc/ZDsZaEa16c3I

Kind Regards,
8theme team

#365283 Copied

filiphdan

Participant

August 22, 2023 at 16:46

That is perfect, i copied and made another one with no problems, just one question, if i wanted to place just letters, instead of the button, like the letters in bold i have here:

https://prnt.sc/2Wj26WX49HiK

Would it be possible?

#365284 Copied
Rose Tyler

Support staff

August 23, 2023 at 09:31
Hello, @filiphdan,

Thank you for your response.

You may edit color settings mentioned in the screenshot – https://prnt.sc/bCSA9q48Xfl- > https://prnt.sc/6hDyYdtuUhxU
and use the next custom CSS code to make it bold:
```
.banner-button {
    font-weight: 800 !important;
    font-family: "Raleway" !important;
}
```
Kind Regards,
8theme team
#365346 Copied
filiphdan

Participant

August 23, 2023 at 17:09

Done, Thank you!

#365477 Copied

Tony Rodriguez

Support staff

August 24, 2023 at 05:07

Hello, @filiphdan,

You’re welcome!

If you have any more questions in the future, feel free to ask.

Have a great day!

Please note that for any new issues, you should create a new ticket on the support forum.

This topic is now closed.

Warm regards,
8Theme’s Team

#365483 Copied
Tagged: best selling themes, button placement, effective button placement, image optimization, user experience enhancement, website design, woocommerce themes
Viewing 10 results - 1 through 10 (of 10 total)