Return to previous page

Can you help us customize your widget to match our style?

This topic has 11 replies, 2 voices, and was last updated 1 months, 3 weeks ago ago by Luca Rossi

Goostaf

Participant

October 14, 2025 at 09:49

Hello, we have blocks on our pages that can be edited with a text editor. Can you help us make our blocks look exactly the same? We want them to be the same width, height, and text style on both desktop and mobile devices. We want the text to be selectable, but it’s currently just on the banner.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#457148 Copied

10 Answers

Luca Rossi

Support staff

October 14, 2025 at 10:43

Hello @Goostaf,

We are still not entirely clear about the issues you are experiencing.

In the first two blocks, you are using two images, while in the last two blocks, you are using two banners.
If your goal is to make all four blocks identical, please note that this is not possible.

Best regards,
The 8Theme Team

#457157 Copied

Goostaf

Participant

October 14, 2025 at 11:15

I want to make 2 banners that are exactly the same as the images above, narrow on the PC, wider on the mobile, and have the text displayed exactly on the banners with a shift, font, and remove the images altogether and keep the banners, is this possible?

#457160 Copied

Luca Rossi

Support staff

October 14, 2025 at 12:17

Hello @Goostaf,

You can adjust the font size for the text on each screen size here: https://prnt.sc/Yt9tPgut9LrQ.

We hope this information is helpful.

Best regards,
The 8Theme Team

#457170 Copied

Goostaf

Participant

October 14, 2025 at 21:22

thanks, I got it from the text, but is it possible to have one banner size on a PC and another on a mobile? For example, a PC with width=”900″ and height=”316″, and a mobile with 900 × 700 ?

#457183 Copied
Luca Rossi

Support staff

October 15, 2025 at 07:27
Hi @Goostaf,

To change the size of banner images on mobile. Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

@media (max-width: 600px){ div#banner-8522 img { height: 500px; object-fit: cover; } #banner-4558 img { height: 500px; object-fit: cover; } }

Kind regards,
The 8Theme Team
#457192 Copied
Goostaf

Participant

October 15, 2025 at 10:20

Unfortunately, this code doesn’t do anything, but I’ll try to explain it differently. We need the banner to be in the following proportions on a PC: 1436×395, and on a mobile device, it should be 1436×700. The screenshot shows how it’s currently done with images, but we want to remove them and keep only the banners.

Files is visible for topic creator and
support staff only.

#457210 Copied

Luca Rossi

Support staff

October 15, 2025 at 12:02

Hello @Goostaf,

Using custom CSS code may not be the most suitable solution in this case.

We recommend creating two separate rows—one for mobile and one for desktop—and using two different image sizes accordingly.

We hope this helps.

Best regards,
The 8Theme Team

#457222 Copied

Goostaf

Participant

October 15, 2025 at 13:18

I got it, thank you, but can you also help me with the styles? The indentation is the same, the line break is also 2 lines, and I want to remove all the capital letters like in the top. We need to replicate the style of the top images as much as possible, but we also need to be able to highlight the text)

Files is visible for topic creator and
support staff only.

#457230 Copied

Goostaf

Participant

October 15, 2025 at 13:22

and the most important question is, will the website take longer to load because of these banners?

#457232 Copied

Luca Rossi

Support staff

October 15, 2025 at 14:59

Hello @Goostaf,

1. Please adjust the padding for the banner content as shown in the following screenshot: https://www.awesomescreenshot.com/image/56936271?key=b8e675dc9904e362701de01390cb4a29

2. Kindly add a < br > tag to your title as illustrated here: https://www.awesomescreenshot.com/image/56936310?key=a6908567cb3ccdf1e16fd77fb7befd6e

We hope this helps.

Best regards,
The 8Theme Team

#457239 Copied
Viewing 11 results - 1 through 11 (of 11 total)