Return to previous page

I want to use a circular background for the icon.

This topic has 10 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

floatselect

Participant

September 11, 2023 at 10:09

Is it possible to use the icon with this kind of background?

https://imgur.com/RcHfVDX

https://wordpress-629733-3853716.cloudwaysapps.com/index.php/about-us/

#367190 Copied Theme version: 9.1.11

9 Answers

Tony Rodriguez

Support staff

September 11, 2023 at 11:26

Hello, @floatselect,

We are pleased to inform you that you have the option to utilize the icon with a circular background. To do so, kindly add a new static block and proceed to edit it using Elementor. Please select the 8theme icon box element and adjust the settings according to your specific needs. Once you have made the necessary changes, remember to update it.

For your convenience, we have prepared a video tutorial on our test site. We highly recommend watching the video in private content area as it provides a step-by-step guide on how to execute the aforementioned instructions.

We trust that this will effectively address your concern.

Should you require further assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#367194 Copied

floatselect

Participant

September 12, 2023 at 10:50

I still can’t make a round icon

#367293 Copied

Tony Rodriguez

Support staff

September 12, 2023 at 11:43

Hello, @floatselect,

Kindly proceed to edit the static block by navigating through Elementor > Icon Box > Style. Please adjust the padding and border radius as depicted in the provided screenshot and then update it. We trust this will rectify your issue. https://imgur.com/nXBbUVt

Should the problem persist, we kindly request you to share your WordPress Admin login details in the format listed below. Please ensure to provide this information in the private content area of this topic, specifically where you are experiencing the issue. This will enable us to further investigate and provide the necessary assistance.

WordPress Admin URL:
WordPress Admin Username:
WordPress Admin Password:

We strongly advise that you create a comprehensive backup of your site prior to undertaking these steps.

Best Regards,
8Theme Team.

#367298 Copied

floatselect

Participant

September 13, 2023 at 07:51

I still can’t

Please contact administrator
for this information.

#367357 Copied

Tony Rodriguez

Support staff

September 13, 2023 at 08:22

Hello, @floatselect,

Thank you for the login details you have provided.

We are pleased to inform you that we have successfully edited the icon test static block using Elementor. The border-radius has been adjusted to 50% and the changes have been updated. Consequently, the icon with the background is now correctly displayed as a circle.

For your convenience, we have recorded a video detailing the changes made. We kindly request you to view this video which is located in the private content area for your reference.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#367359 Copied

floatselect

Participant

September 22, 2023 at 11:28

I can make it smaller, can’t I?

#368233 Copied

Tony Rodriguez

Support staff

September 22, 2023 at 12:10

Hello, @floatselect,

Yes, you have the ability to adjust the size according to your specific needs. To do this, you will need to modify the static block using Elementor. You can set the paddings according to your preferences and then update them.

We have prepared a video tutorial for your convenience. Please ensure to watch it in its entirety and follow the steps demonstrated in the video. You can find this video in the private content area.

We trust this will be of assistance to you.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#368235 Copied

floatselect

Participant

September 22, 2023 at 14:59

It’s different with your video when icon padding be zero

Please contact administrator
for this information.

#368238 Copied

Tony Rodriguez

Support staff

September 23, 2023 at 05:20

Hello, @floatselect,

We have adjusted the padding in the icon box element to reduce its size. Kindly refer to the attached screenshot and adjust the marked padding as depicted. Once you have made these changes, please review the modifications.

https://imgur.com/T43qLgB

https://imgur.com/1C0sZqS

https://imgur.com/0rTQmpD

We trust that this will rectify the issue you have been experiencing.

Best Regards,
8Theme’s Team

#368282 Copied
Tagged: circular background, ecommerce design, icon customization, user interface, website personalization, woocommerce themes, wordpress
Viewing 10 results - 1 through 10 (of 10 total)