Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 24, 2015 at 11:08 pm #434499
    blankonblank

    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 10 years, 6 months ago by blankonblank.
    April 24, 2015 at 11:36 pm #434509
    Josue

    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

    April 25, 2015 at 12:01 am #434517
    blankonblank
    This reply has been marked as private.
    April 25, 2015 at 5:47 am #434579
    Josue

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

    Regards,
    Josue

    April 25, 2015 at 12:39 pm #434677
    blankonblank
    This reply has been marked as private.
    April 27, 2015 at 7:18 am #435050
    Ismael

    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

    April 27, 2015 at 8:46 pm #435604
    blankonblank
    This reply has been marked as private.
    April 28, 2015 at 1:03 pm #435982
    Ismael

    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

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