Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #434499

    Question: it’s a great feature to add the section background overlay to a color section. Can a color overlay easily be added to a content element –like blog posts – or text block or an image element via a custom css class?

    • This topic was modified 9 years, 1 month ago by blankonblank.
    #434509

    Hey!

    No, that’s not possible. Color Sections are fullwidth element therefore can not be contained (they’re meant to be containers), what exactly you want to achieve? perhaps we can think of a better solution.

    Regards,
    Josue

    #434517
    This reply has been marked as private.
    #434579

    That could be done via CSS, post a mockup of what you would you want to achieve in your blog posts.

    Regards,
    Josue

    #434677
    This reply has been marked as private.
    #435050

    Hey!

    You can add something like this in the Quick CSS field:

    .big-preview a:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.5);
      z-index: 1000;
      position: absolute;
    }
    
    .big-preview:hover a:before {
     display: none;
    }

    Cheers!
    Ismael

    #435604
    This reply has been marked as private.
    #435982

    Hi!

    It is a unique class. You can edit includes > loop-index.php if you want to change it.

     //echo preview image
            if(strpos($blog_style, 'big') !== false)
            {
                if($slider) $slider = '<a href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';
                if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
            }
    
            if(!empty($before_content))
                echo '<div class="big-preview '.$blog_style.'">'.$before_content.'</div>';

    Cheers!
    Ismael

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