Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • August 3, 2014 at 8:36 am #299286
    tech500

    When I add an image to the “Image with HotSpots is black”, with text in it, the background image is darker by css style.
    I tried to put this in my custom css, but it has not effect.

    .av-image-caption-overlay {
    position:absolute;
    height:100%;
    width:100%;
<del datetime="2014-08-03T06:32:56+00:00">    background:rgba(0,0,0,0.4);
</del>    z-index:10;
    <del datetime="2014-08-03T06:32:56+00:00">color:#fff;</del>
    text-align:center;
}

    How can I remove that darker effect ?

    Dan

    August 3, 2014 at 3:02 pm #299341
    Yigit

    Hey Dan!

    Please remove HTML from your CSS code and point out “image with hotspots” element on your website

    Best regards,
    Yigit

    August 3, 2014 at 4:09 pm #299368
    tech500

    Correction.
    I am using an Image block inside the color area.
    When adding caption to the image, it gets darker.

    Dan

    • This reply was modified 10 years, 3 months ago by tech500.
    August 3, 2014 at 9:21 pm #299430
    Josue

    Hey Dan!

    Try adding this code to the Quick CSS:

    .av-image-caption-overlay {
    background: transparent !important;
}

    Cheers! 
    Josue

    August 3, 2014 at 9:21 pm #299431
    tech500
    This reply has been marked as private.
    August 3, 2014 at 9:24 pm #299434
    Josue

    Hi Dan!

    Have you tried adding this code (Quick CSS)?

    .av-image-caption-overlay {
    background: transparent !important;
}

    Regards,
    Josue

    August 3, 2014 at 9:25 pm #299435
    tech500

    Great, thanks, that solved it well.

    Sincerely

    Dan

    August 3, 2014 at 9:26 pm #299436
    tech500

    Sorry, we wrote to each other at the same time.
    Problem solved.
    Dan

    August 3, 2014 at 9:27 pm #299438
    tech500

    By the way.
    How do I get rid from the black bar at the top menu ?

    Dan

    August 3, 2014 at 9:29 pm #299440
    Josue

    Add this too to the Quick CSS:

    .html_header_transparency #top #wrap_all #main{
    padding-top: 0 !important;
}
    August 3, 2014 at 9:48 pm #299442
    tech500

    Still gets a transparent bar. :(

    Thanks for the help.

    Dan

    August 3, 2014 at 9:52 pm #299446
    Josue

    Which bar are you referring to? can you post a screenshot?

    August 3, 2014 at 9:56 pm #299448
    tech500
    This reply has been marked as private.
    August 3, 2014 at 10:01 pm #299450
    Josue

    Ok, try adding this:

    .header_color, .header_bg {
    background: transparent !important;    
}
    August 3, 2014 at 10:04 pm #299451
    tech500

    Great, solved.

    Dan

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Image with HotSpots is black’ is closed to new replies.