Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1495084

    Hi,
    next mission:
    I have build a portfolio including images. But i would like to add inside/inbetween the images 2 colored blocks with a text / link.
    When i add a new block and insert a colored image as background – i cannot place text on it …any idea?

    that should looks like here:
    posrtfolio

    With caption text block it might work but i do not get it in this design

    • This topic was modified 4 days, 17 hours ago by xeovision.
    #1495095

    Meanwhile i could solve this.
    Text is visible inside the block.

    BUT when i click on it, it opens the background image which is the blue color. How can i change the url link for this one specific block? or deactivate the lightbox here? This is the code i used for:

    .referenzen  .grid-entry  .inner-entry {  overflow: hidden !important}
    
    .referenzen .grid-content {
      display:flex;
      flex-flow: column nowrap;
      justify-content: space-around;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      padding: 10px;
      background: #1b2640 !important;
      z-index: 0;
      text-align:center;
      pointer-events: none;
    }
    
    .referenzen .grid-content * {  background: transparent !important; }
    .referenzen .image-overlay {  display: none !important; }
    .referenzen .grid-content .avia-arrow { display: none; }
    
    .referenzen .grid-entry-excerpt { font-size: 15px!important;  font-style: normal!important;  margin-bottom: -2px; color:#ffffff !important;  font-family: ffclanproregular !important; }
    
    
    • This reply was modified 4 days, 15 hours ago by xeovision.
    #1495097

    Hi,
    Change the button URL:
    qJOaKdB.png

    Best regards,
    Mike

    #1495100

    Where? I do not use thid function. The Text and link are in the caption

    #1495101

    Hi,
    qJecc5N.png
    qJe1use.png
    qJeXP2e.png

    Best regards,
    Mike

    #1495102

    I guess, you are on the wrong Page. I need the link in the Page Referenzen.. In the All tab there is a blue box

    #1495104

    Got it.
    For all others, just add this to the css as well

    .referenzen .grid-content  {  pointer-events: auto; }
    .referenzen .grid-image .image-overlay {
      z-index: 0 !important;
      display: none !important;
    }

    ..we can close here.
    Thx Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Posrtfolio: Images and Text blocks combination’ is closed to new replies.