Tagged: , , , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 16, 2015 at 3:20 am #411810
    Gus

    Hello,

    First I want to say, thank you for the AWESOME THEME!!!! And your AMAZING tech support!!!!! (I changed my site over to Enfold from another theme because their theme and support was awful).

    I looked through past posts and could not find this answer.

    IS it possible, while using the accordion slider, to keep the title where it is in the middle AND move the caption or excerpt to the right. So that, it is hidden until the user mousses over the image in the slider and reveals the caption when it slides over???

    I’m hoping so, this would be the icing on the cake for our site. http://www.Dragonflyred.band

    You’ll see right now the excerpt is under the title for the first image.

    THANKS!!

    March 16, 2015 at 7:37 pm #412474
    Elliott

    Hi Gus!

    Try adding this to your custom CSS.

    #top .aviaccordion-preview-title-wrap { padding-left: 80% !important; }

    Best regards,
    Elliott

    March 16, 2015 at 10:07 pm #412621
    Gus

    thank you for the quick response.

    I gave that a try and it moves the Title & the Caption to the right.

    I would like to keep the TITLE in the original place and move the caption only, is this possible?

    Also, if you take a look at the CAPTION, you will see it’s scrunched up against the part of of the picture that is less opaque. I would like the caption to be a small paragraph (or two) in the section that is not opaque. (I understand that goes against the whole idea of having the text over the black (lightly covering the picture) but we are trying to get the info in that section when the accordion moves and reveals it. Is there a way to do this?

    March 18, 2015 at 12:58 am #413317
    Gus

    I’m getting close…

    I changed it too:

    #top .aviaccordion-excerpt {
margin-left: 120%!important;
width: 300px!important;
}

#top .aviaccordion-title {
margin-top: 50%!important;
}

    I was able to move the excerpt over without the title and unscrunch it.

    I would like the TITLE to hover in the middle of the picture/slide no matter where the excerpt is located (or how long it is, it seems the titled height is based on the excerpts length). Is this possible?

    Thanks.

    Thanks!

    March 18, 2015 at 6:06 pm #413841
    Elliott

    Hi!

    Do this instead of the top margin.

    #top .aviaccordion-title {
  position: absolute;
  top: 50%;
}

    Regards,
    Elliott

    March 20, 2015 at 7:30 pm #415478
    Gus

    Awesome! I’m almost there…

    Last step (I believe):
    I want the black background behind the excerpt to be opaque. Can I do this without effecting the text???

    Here’s my CSS so far:

    #top .aviaccordion-excerpt {
background-color:black!important; -moz-border-radius: 15px;
border-radius: 15px;
margin-left: 120%!important;
padding-left: 5%!important;
width: 300px!important;
}

#top .aviaccordion-title {
position: absolute;
top: 50%;
}
    March 22, 2015 at 4:57 am #415859
    Ismael

    Hi!

    It is already set to black background. Did you figure it out? You can use RGBA color:

    #top .aviaccordion-excerpt {
  background-color: rgba(0,0,0,1);
}

    Best regards,
    Ismael

    March 23, 2015 at 2:51 am #416168
    Gus

    No I haven’t figured it out yet.

    I want to set that background’s opacity to 50%.

    but I can’t figure out how to do that without having the text in the background go to 50% also.

    I hope you someone can help.

    thanks!

    March 24, 2015 at 1:32 am #416836
    Ismael

    Hi!

    Use rgba colors as background value. Replace the code with this:

    #top .aviaccordion-excerpt {
background-color: rgba(0,0,0,.5) !important; 
-moz-border-radius: 15px;
border-radius: 15px;
margin-left: 120%!important;
padding-left: 5%!important;
width: 300px!important;
}

    The difference might not be prominent since the background behind the caption is grey.

    Best regards,
    Ismael

    November 3, 2015 at 7:41 pm #529595
    LifeIsNow001

    I need to do something like this as well. I need the Title to always display, and then on mouse over I need the text caption to appear.
    So Title always show in top left corner with a small dark BG not the whole picture. (see attached screen shot)
    Then on mouse over have the text appear below it on the picture.

    I am having a hard time finding all the classes and ID’s to do this.

    is this possible in the scope of your support?

    Thanks

    November 4, 2015 at 9:41 am #529814
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    November 4, 2015 at 9:53 am #529821
    LifeIsNow001

    I started another thread here. can you go check it instead of this one. I wasn’t sure you would see it here is why i started another.
    https://kriesi.at/support/topic/enfold-accordian-slider-title-always-visible-on-left-text-visible-on-mouseover/

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Accordion Slider Caption/Excerpt Position???’ is closed to new replies.