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

  • Avatar: Goostaf
    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.
    10 Answers
    Avatar: Justin
    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

    Avatar: Goostaf
    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?

    Avatar: Justin
    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

    Avatar: Goostaf
    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 ?

    Avatar: Justin
    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

    Avatar: Goostaf
    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.
    Avatar: Justin
    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

    Avatar: Goostaf
    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.
    Avatar: Goostaf
    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?

    Avatar: Justin
    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

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.