Disable Hover and Borders on Posts

  • Resolved daiseedlittle

    (@daiseedlittle)


    2 years, 7 months ago

    Hi I’m very new. I’m just learning and practicing on this domain. I have searched a lot on this and been stuck for a day. Is there a way to remove the the border and white hover box on the sliders? I would like to only display the pics in the slider, so it doesn’t look like a post. The top one is Smart Slider and the bottom is Soliloquy. I can’t really find anything I think may be relevant in Theme File Editor. I’ve commented out a few things and it didn’t help.

    Don’t laugh at the page…. it was hell just to change the menu font so it wasn’t all caps ??

    • This topic was modified 2 years, 7 months ago by t-p. Reason: Moved to Fixing WordPress from Developing with WordPress

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator t-p

    (@t-p)

    The top one is Smart Slider and the bottom is Soliloquy.

    I recommend asking at those plugin’s support forums so the plugin’s developers and support community can help you with this.

    Ramona

    (@nextend_ramona)

    Hi @daiseedlittle

    If you mean these borders:

    View post on imgur.com


    those are actually made by your theme, “Ecommerce Solution”, who seem to put this border around each post in the post list with this CSS:

    .mainbox, .layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery {
  border: 1px solid #e6f0fa;
}

    coming from:
    /wp-content/themes/ecommerce-solution/style.css

    You can override it with custom CSS that you can place to the Customizer > Additional CSS or your theme’s custom CSS giving option:

    div.layout3{
border: none
}

    but perhaps you could ask the theme developers to learn if there’s another/better way to do it.

    Thread Starter daiseedlittle

    (@daiseedlittle)

    Thank you Ramona!! That was one. The other was the hover border . My God I don’t even know how to get you a picture haha. So I put it on this page https://illustravi.com/about-us/ …. you can see I am hovering the bottom one and it gives that white box around it.

    Thread Starter daiseedlittle

    (@daiseedlittle)

    I think I fixed it…

    .inner-service:hover {
  box-shadow: 0px 0px 0px 0px #ddd;
}

    What you showed me is priceless. It showed me how to kind of hunt things down better. Thank you so much. I am sure I will be back.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Disable Hover and Borders on Posts’ is closed to new replies.