Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 27, 2014 at 12:10 am #325800
    annameis

    Hi – I used the code from this support topic (#post-289123) and was wondering how I would need to alter the code to get the background color to extend across the slide when it becomes active. I’d also like to change the opacity and color of the bar – but the code I’ve pulled of the forum doesn’t seem to change anything. Please advise. URL is below.

    Thanks-
    Anna

    September 29, 2014 at 6:43 am #326326
    Ismael

    Hi annameis!

    Thank you for using Enfold.

    Please post the actual url of the thread or topic. A screenshot of what you’re trying to do will help.

    Regards,
    Ismael

    September 29, 2014 at 4:46 pm #326677
    annameis
    This reply has been marked as private.
    September 30, 2014 at 6:55 am #327032
    Ismael

    Hey!

    Thank you for the info.

    Please use this on Quick CSS or custom.css:

    #top .aviaccordion-preview-title {
padding: 50px;
}

#top .aviaccordion-preview {
height: 100%;
width: 100% !important;
}

    Best regards,
    Ismael

    September 30, 2014 at 3:40 pm #327320
    annameis
    This reply has been marked as private.
    October 1, 2014 at 6:33 am #327865
    Ismael

    Hey!

    Use this instead:

    #top .aviaccordion-preview {
height: 30%;
width: 100% !important;
bottom: 0;
}

    Best regards,
    Ismael

    October 1, 2014 at 4:14 pm #328228
    wienerpresswerk

    how can i set the element on the page to max 490px width?

    October 2, 2014 at 6:23 pm #329135
    Andy

    Hey!

    to change the color of the titles use this in the Quick CSS:

    #top .aviaccordion-title 
{
color: #000000 !important;
opacity: 0.5;
}

    Instead of “#000000” you can define any other color you want.
    opacity: 0.5 = 50%

    Best regards,
    Andy

    October 2, 2014 at 6:31 pm #329138
    Andy

    To set the element to max 490px width use this: 

    #top .aviaccordion 
{
margin-left: auto;
margin-right: auto;
width: 490px;
}

    Best regards,
    Andy

    October 2, 2014 at 6:42 pm #329143
    annameis
    This reply has been marked as private.
    October 2, 2014 at 8:13 pm #329204
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed

    #top .aviaccordion-preview-title-wrap { background: rgba(255,0,0,0.5); }

    255,0,0 is the RGB value of the color and 0.5 is opacity level

    Cheers!
    Yigit

    October 2, 2014 at 9:28 pm #329265
    annameis
    This reply has been marked as private.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Enfold Accordion Slider Text Postion and Background Color’ is closed to new replies.