Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 11, 2023 at 5:46 pm #1407138
    claudipro

    Hello,

    I have two questions to solve:
    1. I would like to have th position of titel and Caption in the Fullwidht easy slider more on the top of the page than on the bottom. Didn’t find a way to do this.
    2. I changed the color from the button. Is it possible to customize the hover style from the button too?
    This is the CSS I used for the Button:
    /* Slideshow button */
    #top .avia-slideshow-button {
    background: rgba(255,210,62, .75) !important;
    font-color: #65877f; -> Font color doesn’t work, the Font is still white!
    padding: 20px;
    min-width: 300px;
    min-hight: 180px;
    border-radius: 15px;
    font-size: 20px;
    line-height: 20px;
    }

    Thank’s for your help.
    Claudia

    May 12, 2023 at 5:29 am #1407179
    Ismael

    Hey Claudia,

    Thank you for the inquiry.

    1.) You can adjust the position of the caption in the slider items’ Styling > Caption tab. Look for the Caption Positioning settings.

    2.) To adjust the hover color of the button, edit the element, go to the Styling > Colors tab, select Advanced Options in the Button Colors Selection settings, then adjust the additional options (Button Background Color On Hover) accordingly.

    Best regards,
    Ismael

    May 12, 2023 at 8:25 am #1407184
    claudipro

    Hi Ismael,
    in the fullwidht easy slider stylings I can’t find a position “top”.
    And it is the button in the slider what I would like to customize. Thats why I made this CSS for it style. But the hover style I can’t manage in the slider. The same like I can’t manage position top.
    Thank you in advance for your help
    Claudia

    May 15, 2023 at 5:04 am #1407414
    Ismael

    Hi,

    Thank you for the update.

    Did you edit one of the slider items and go to the Styling tab? Please provide the login details in the private field so that we can help you adjust the element settings.

    Best regards,
    Ismael

    May 16, 2023 at 10:05 am #1407529
    claudipro
    This reply has been marked as private.
    May 21, 2023 at 8:53 pm #1408086
    Mike

    Hi,
    Thanks for your patience, as I understand you would like the caption of your homepage slider to be more to the top, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.home .avia-fullscreen-slider .slideshow_caption * {
    vertical-align: top;
}
#top.home .avia-fullscreen-slider .avia-caption-title br {
	display: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 22, 2023 at 11:12 am #1408118
    claudipro

    Thank you Mike,
    this is working. But my problem with the customizing the button on hover I could not solve. Because in the styling tab only can choose pre-defined options. See on screenshot from May, 16.

    greetings Claudia

    May 22, 2023 at 6:05 pm #1408171
    Mike

    Hi,
    Thanks for the feedback, I was not able to login, but your font-color: #65877f; is not correct you should use color: #65877f; and your min-hight: 180px; is misspelled try: min-height: 180px;
    If you want the text in the button centered try using this css instead of yours:

    #top #wrap_all .main_color .avia-color-theme-color.avia-slideshow-button {
    background: rgba(255,210,62,.75);
    color: #65877f;
    padding: 20px;
    min-width: 300px;
    min-height: 180px;
    border-radius: 15px;
    font-size: 20px;
    line-height: 20px;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.