Home Forums Basel – Premium Template Fitting a Basel slider to the screen

This topic contains 17 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #302408

    model131
    Customer

    Hello,
    I’d like to use a Basel theme slider on my website.
    I’ve created a test one that you can see here: https://www.modelight.co.uk/warranties/
    The images are 2000x1333px. I’d like these sliders to fit my laptop/desktop screens, like on the below example page. The pictures on the example page are the same size as on mine.
    Example page: https://www.taylorhowes.co.uk/
    Could you help?

    Private Content Hidden
    #302734

    Hello,

    You need to disable “Header above the content” in the Theme Settings > Header and make the row full-height.

    In addition, you need to make the header transparent in the Theme Settings > Header > Appearance.

    If you have any questions or need further help, please feel free to contact us.

    Best Regards

    #302818

    model131
    Customer

    Hi Elise,

    I disabled “Header above the content” – https://prnt.sc/172mb0u
    I set the row full height: https://prnt.sc/172izne
    I made the header transparent
    It still doesn’t make the slider to fit the browser screen. It looks like this – https://prnt.sc/172jsk3

    Also when I added a mobile picture it created some conflict. I mean it showed two pictures, one on the top of another – https://prnt.sc/172npvg

    Now you can see the slider on the homepage http://www.modelight.co.uk (I enabled “Header above the content” and removed transparency for now)

    Could you advice further?

    #302920

    Hello,

    Please, provide your site admin access to the private area.

    Please confirm the permit for us to deactivate the plugins not related to the theme and switch to the parent theme for the while of checking what may take up to 15 minutes. Please make the full backup of your site.

    Best Regards

    #302999

    model131
    Customer

    Hi Elise,
    I confirm the permit.

    Private Content Hidden
    #303540

    Hello,

    The slider is full width and full height not, you need to remove the background color from the header. Please remove the color in the Theme settings > Header > Appearance.

    Best Regards

    #303591

    model131
    Customer

    Hi Elise,

    “you need to remove the background color from the header. Please remove the color in the Theme settings > Header > Appearance” – Yes, I understand, and this woks well, so this one is sorted.

    “The slider is full width and full height not” – when I tick “full height row” in WP Bakery there’s no change in the way the slider looks in frontend.

    When I gave you the example page (https://www.taylorhowes.co.uk) and asked about your help, I wanted the same slider behaviour.

    I mean:
    – when you’re on the example homepage you see the slider that fits the screen perfectly – when you start scrolling down, you immediately see the content.
    – when you’re on my homepage you see the 3/4 of the slider – when you start scrolling down, you reveal the rest of the slider and then you see the content.

    PS
    The images on in my slider and example page slider are the same size 2000x 1333px.

    Could you help me to fit the slider to the height of the screen?

    #303869

    Hello,

    Please check now. I removed the color.

    Best Regards

    #304167

    model131
    Customer

    Hi Elise,

    I know how to remove the background colour from the header and what it does. It reveals the part of the slider that is under the header.

    However, the thing I want to sort out is the slider itself.

    I’ll try to explain the issue once again.

    I want the slider to fit the size of the screen. I’ve attached the picture I want to use in the slider for you to see that when you open my homepage the slider shows only 3/4 of the picture (I’m not concerned about what’s under the header and its transparency at the moment, I’m concerned about the bottom part, that you have to scroll down to see the full picture). Please tell me if there’s something else I need to explain.

    That’s how my homepage looks after entering my website – https://prnt.sc/18151it

    And now see the attached picture I’ve used for the slider.

    Is it possible to fit the slider to the screen?

    Attachments:
    You must be logged in to view attached files.
    #304239

    Hello,

    Now I see you are talking about an image and not a slider.

    1. Remove the image from the Promo banner.

    2. Remove the size from Image size inside the Promo banner 2000×1333

    3. Set the featured image to each slide. Check is that what you need?

    Best Regards

    #304292

    model131
    Customer

    Hi Elise,
    Perfect! Thank you for your help.
    All the best.

    #304311

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

    #325547

    model131
    Customer

    Hi Elise,
    In relation to the above, could you tell me how to add text that would appear on the image, and would be responsive on different devices?
    https://www.modelight.co.uk/
    Best,
    Dariusz

    #325687

    Hello,

    As soon as you set the featured image on the slider, then you create the template with the builder as per your needs, please use Responsive text block element where you find the option to see the font size for different devices. https://xtemos.com/docs/basel/shortcodes/

    If you have any questions please feel free to contact us.

    Best Regards

    #328599

    model131
    Customer

    Thanks, Elise

    It works.

    I’ve got one more question in relation to a featured image.

    How to link a featured image to a product page?

    Best,
    Dariusz

    #328691

    Hello,

    Unfortunately, there is no option to assign the link to a slide, you can try using the Promo banner without background as a workaround.

    Best Regards

    #328876

    model131
    Customer

    Thanks, Elise

    I’ve got one more question in relation to the theme.

    I’ve got the theme support till January 2022. I’d like to ask you about the theme updates. Will I get the theme updated whenever there is an update, after January 2022?

    Best,
    Dariusz

    #328968

    Hello,

    You have purchased the license for the theme and paid for the support separately. The theme license is lifetime and you will be able to update the theme even after your support expires.

    As soon as the support expires, you will not be able to contact us here for help. You can renew the support at any time.

    If you have any questions please feel free to contact us.

    Best Regards

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.