Topic Resolution: Resolved
Viewing 6 replies - 1 through 6 (of 6 total)
Replies
  • Sanschnei
    Spectator
    Post count: 31
    Been thanked: 0 times
    #24063 |

    Here is my custom css

    Imran
    Spectator
    Post count: 403
    Been thanked: 0 times
    #24065 |

    Hi Sanschnei,

    Thanks for writing in!

    The title on the slideshow is shown incorrect on the desktop and responsive version

    Please add the following code under your custom CSS field:

    Some bullet points (checklist) are shown incorrect

    Please add the following code to your custom CSS:

    Buttons are shown incorrect

    Please go under Appearance -> Theme Options -> Shortcodes -> Button. Style your buttons as you require.

    Hope this helps.

    Thank you!

    Sanschnei
    Spectator
    Post count: 31
    Been thanked: 0 times
    #24194 |

    Hi Imran,

    thanks. That helps.

    But now the carousel control is on the left, but I would like to have it under the button, on the center of the page.

    Could you help?

    Thanks.
    Sandra

    Imran
    Spectator
    Post count: 403
    Been thanked: 0 times
    #24195 |

    Hi Sandra,

    Glad that helped!

    In regard to center align the carousel control, please add the following code under your custom CSS field:

    Hope this helps.

    Thank you!

    Sanschnei
    Spectator
    Post count: 31
    Been thanked: 0 times
    #24232 |

    Hi Imran,

    thank you, now it looks fine in the desktop version. But I still got a problem in the responsive version.

    http://prntscr.com/a1sr4c

    My Custom CSS for the responsive version is this

    /*Formatierung responsive Bootstrap slider*/

    @media screen and (max-width: 768px) {
    #bootstrap-slider .carousel-caption p, #bootstrap-slider .carousel-caption .button {
    cursor: pointer;
    display: block !important;
    margin: 0 auto;
    width: 60px !important;
    }
    }
    @media screen and (max-width: 768px) {
    #bootstrap-slider .carousel-caption h2 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    }
    }

    @media screen and (max-width: 768px) {
    #bootstrap-slider .carousel-caption .button {
    bottom: -15px;
    position: relative;
    }
    }

    Could you help?

    As well I tried to change the button color in the tagline box to my custom color. It works so far, but the button text is not shown anymore with the new settings.

    http://prntscr.com/a1sqa1

    The button is shown as the second button in the screen
    http://prntscr.com/a1st2z

    Could you help?

    Thanks a lot!
    Sandra

    Imran
    Spectator
    Post count: 403
    Been thanked: 0 times
    #24242 |

    Hi Sandra,

    Glad that helped!

    In order to fix the button in responsive version, please add the following code into your custom CSS field:

    button text is not shown anymore with the new settings.

    The button text color is just right there named as “Button Accent Color” (see: http://prntscr.com/a1ty5e).

    Hope this helps.

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.