Slider buttons overlap text in desktop view

  • I’m using this Flower Shop theme to set up my site and I discovered 3 problems.

    1. The slider forward and back buttons overlap the slider text in the desktop view. It is OK in the tablet and phone views.
    2. The top header background is transparent in the desktop view. It is navy blue in the tablet and phone views, which is good.
    3. In the tablet and phone views the title text on the slider is white and hard to see. In the desktop view the slider title text is navy blue, which is good.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author VW THEMES

    (@vowelweb)

    Hello @tangwarren,

    1. Can you please send a screenshot for this.

    2. Can you please elaborate on which problem are you facing in 2 points so that we can resolve that issue.

    3. To change title text on the slider, follow the below steps:

    Add the below CSS code in the additional CSS for that Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the below CSS >> Publish it.

    @media screen and (max-width: 720px){
#slider .carousel-caption h1 a{
color: #234ea4;
}
}

    Thank You.

    Thread Starter tangwarren

    (@tangwarren)

    Hello VW THEMES,

    Thank you for replying to my issues. For problem 1 where the slider navigation buttons overlap the slider text in the computer desktop view, see this screenshot example:
    Screenshot from computer desktop
    Here is a screenshot example from a tablet and from a phone where the slider navigation buttons are good and don’t overlap anything. Only the desktop view has the problem.
    Screenshot from tablet
    Screenshot from phone

    For problem 2 where the background of the top header area is transparent in the computer desktop view, but it’s navy blue on the tablet view and phone view, you can also look at the screenshots I linked above. Is the header background supposed to be navy blue in the desktop view like it is in the tablet and phone views?

    For problem 3, your CSS code fixed the issue. Thank you again for your help.

    Theme Author VW THEMES

    (@vowelweb)

    Hello @tangwarren,

    1. For slider forward and back buttons and top header background color, follow the below steps:

    Add the below CSS code in the additional CSS for that
    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the below CSS >> Publish it.

    #slider .carousel-control-prev, #slider .carousel-control-next{
    bottom: 20px;
    }
    .page-template-custom-home-page .top-bar {
    background: #394ca6;
    }

    Thank You.

    Thread Starter tangwarren

    (@tangwarren)

    Thank you for your help. The CSS you provided fixed the issues.

    Theme Author VW THEMES

    (@vowelweb)

    Hello @tangwarren,

    Most Welcome, If you have any other query please let us know, we will be happy to help.

    If you are happy with our support you can rate us,
    https://www.ads-software.com/support/theme/florist-flower-shop/reviews/#new-post

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slider buttons overlap text in desktop view’ is closed to new replies.