Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 13, 2018 at 12:39 am #925811
    bonbuttercup

    http://tciwest.com/j4f/portfolio-item/suncatcher-v-series/
    Would like to add a background color to the rollover popup boxes (pick any color, I’ll adjust later) and a transparency of 50%.
    Please advise.

    March 13, 2018 at 9:38 am #925962
    Rikard

    Hey bonbuttercup,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    March 14, 2018 at 9:42 pm #926855
    bonbuttercup

    Didn’t work. Is the spelling correct? aviaccordion

    rgb is red green blue, but what is a?

    March 15, 2018 at 9:06 pm #927694
    Basilis

    Hi,

    Please change it as

    #top .aviaccordion-preview-title {

    and let us know if it works

    Best regards,
    Basilis

    March 15, 2018 at 9:40 pm #927740
    bonbuttercup

    Still doesn’t work. Do you need login credentials?

    March 16, 2018 at 9:21 pm #928287
    Basilis

    Hi,

    Paste us please the exact code you have used.

    Thank you

    Best regards,
    Basilis

    March 17, 2018 at 11:56 pm #928584
    bonbuttercup

    It’s the exact code you gave me and then told me to change.
    #top .aviaccordion-preview-title {
    background:rgba(255,255,255,0.5);
    }

    March 20, 2018 at 4:01 am #929488
    Mike

    Hi,
    If I understand correctly you would like the tooltips for the hotspots to have a background color.
    Please see screenshot in Private Content area for what this code should do:

    #top.postid-1581 .avia-tooltip {
  background:rgba(0,0,255,0.5)!important; 
  color: #fff !important;
}

    it has been created for that one page only, to use for other pages please remove “#top.postid-1581” from the code.

    Best regards,
    Mike

    March 20, 2018 at 8:39 pm #930107
    bonbuttercup

    Worked perfect. Is there any way to use a hex color or do I need to convert the hex (#036c96) to rgb? DISREGARD. I just changed the hex to RGB and it’s perfect.

    • This reply was modified 6 years, 8 months ago by bonbuttercup.
    March 20, 2018 at 8:51 pm #930112
    bonbuttercup

    One other question: I want to universally change all of the hotspot circles using CSS… I just need the proper class tag. Please advise.

    March 21, 2018 at 2:15 am #930211
    Mike

    Hi,
    I’m not sure which hotspot classes you will need as I’m unsure what you are trying to change, but I will try to explain all of the classes.
    first you have two classes in one div > .av-image-hotspot & .av-display-hotspot
    then for the next div > .av-image-hotspot_inner
    and the next div > .av-image-hotspot-pulse
    these are all nested, so it depends on what you want to change.
    Try checking out the developer or inspection tools in your browser.
    Hope this helps :)

    Best regards,
    Mike

    March 26, 2018 at 9:59 pm #933214
    bonbuttercup

    I’d like to universally change the custom background color to #002d44 and the custom pulse color to the same (#002d44) for 8 different portfolio pages. Help?

    March 27, 2018 at 4:31 am #933323
    Mike

    Hi,
    Please try:

    .av-hotspot-container .av-image-hotspot_inner,.av-hotspot-container .av-image-hotspot-pulse {
    background: #002d44 !important; 
}

    Best regards,
    Mike

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