Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1142134

    Hi,
    I trying for days to make border on Partner/Logo grid show with no outer edges, i want the edges to be just inside the columns and cells ,
    like as shown in the picture below :
    if i play with css I’ll breakdown other element inside rule…I wonder if anyone has an idea how to handle this
    partner/logo without edge border
    grid border styling
    partner-logo-border

    • This topic was modified 4 years, 11 months ago by Darebvk.
    #1142204

    Hey Darebvk,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1142226

    Hey Victoria,
    Thanks for fast response, i guess you intend to play with browser developer tools, So i am attach url below
    Everything I tried with the css rule failed.I gues i guess something should change in the grid function ..

    Best Regards

    #1142370

    Hi Darebvk,

    Best regards,
    Victoria

    #1142408
    This reply has been marked as private.
    #1142420
    This reply has been marked as private.
    #1142687

    Hi Darebvk,

    https://cl.ly/38b275602b69 Please have a look here, I am still getting the same result.

    Best regards,
    Victoria

    #1142754

    Hey Victoria,
    this is just embarrassing, i don’t know why this is happening, on my side it is ok.
    it is a subdomain for testing purposes, the content is not in production, but that’s not reason toredirecting you back.

    i modified the wp-config file and added this line

    define( 'WP_HOME', 'http://example.com' );
    define( 'WP_SITEURL', 'http://example.com' );

    Please try one more time, sorry for the inconvenience

    Best Regards

    #1142853

    Hi Darebvk,

    Did you make any changes in your host files so that you can reach the subdomain?

    I am still getting the same behavior.

    Best regards,
    Victoria

    #1142917

    Give to the partner logo element a custom class: special-borders
    Choose that element without border
    the images have to be the same dimensions.

    @media only screen and (min-width:768px) {
      .avia-logo-element-container.special-borders {
        overflow: hidden !important;
      }
    
      .avia-logo-element-container.special-borders .slide-entry {
        outline: 1px solid #666;
      }
    
      .avia-logo-element-container.special-borders .avia-content-slider-inner {
        margin-right: -1px;
      }
    }
    
    @media only screen and (max-width:767px) {
      .avia-logo-element-container.special-borders .slide-entry {
        outline: none;
        border:  1px solid #666;
      }
    }

    Result: https://webers-testseite.de/guenni/partner-logo-element/
    the ouline-width could be thicker !

    #1142929

    Hey Victoria,
    Thanks for your engagement, i solved the problem thanks to #Guenni007
    I appreciate the dedication a lot.

    Best Regards

    #1142930

    Hey Guenni007,
    You’r ROCK !
    This is exactly what I wanted to accomplish, thank you for this ingenious shot.
    Thank you very much for your support

    Best Regards

    #1142933

    You’re welcome

    #1143146

    Hi Darebvk,

    Glad you got it working for you with Guenni007’s help! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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