Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 25, 2015 at 11:43 am #508921
    fabian_arndt

    Hi,
    what CSS do I need to add to display the title with transparent background directly on the image itself?
    The color of the font shall be in white.
    And what settings do I need to use in the Masonry Gallery? Show title?

    Thanks a lot.
    Ruben

    September 25, 2015 at 12:33 pm #508951
    Yigit

    Hi Fabian!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    figcaption, figcaption * {
    background-color: transparent!important;
    margin-top: -40px;
    color: white!important;
}

    Best regards,
    Yigit

    September 25, 2015 at 2:01 pm #509008
    fabian_arndt

    Hi,
    thank you for this.
    Is it possible to adjust the distance to the bottom of the image?
    When I set “margin-top” to 20 px you can see the white background again.

    Thanks
    Fabian

    September 25, 2015 at 2:02 pm #509010
    Yigit

    Hey!

    -40px should have worked fine. Can you please try using negative values for top margin?

    Regards,
    Yigit

    September 25, 2015 at 2:12 pm #509022
    fabian_arndt

    Hi,

    now i´ve set margin-top to -20. The position of the title is fine now, but you can see a part of the white background again.

    Any idea how to fix that?

    Best regards
    Fabian

    September 26, 2015 at 1:31 pm #509491
    Andy

    Hi!

    Can’t see any white background. Can you highlight using screeshots please? use imgur.com or dropbox.
    However, you are using a very old version of the theme. Please upgrade to Enfold v3.3.2. and make sure to have a backup, just in case.

    Best regards,
    Andy

    October 7, 2015 at 10:51 am #515074
    fabian_arndt

    Hi,
    sorry that it took that long to answer.

    I made a screenshot and loaded it up to imgur.com.

    This ist the link to the screenshot: http://imgur.com/ST0lJvx

    Any ideas how to fix this issue?

    Thanks

    Fabian

    October 8, 2015 at 12:01 pm #515707
    Andy

    Hi!

    try this code: 

    .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
background-color: transparent;
}

    Best regards,
    Andy

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