Removing border from Presentation Page Column images

  • Author
    Posts
  • #5133
    Chris

    Each of the images  for the Presentation Page Columns has a white border which I would like to remove. I have gone through the Mantra settings and can’t see where to do this; I also ran Firebug  and it pointed to the following in style.css

    .column-image {
    width:100%;
    display:block;
    background:#CCC;
    margin-bottom:10px;
    overflow:hidden;
    border:1px solid #EEE;
    box-shadow:0 0 3px #333;
    }

    I modified the style.css in my child-theme to have a border of 0px but I still have the border. Obviously I haven’t got it right so can you point me in the right direction.

    Cheers

    #5258
    Zed
    Cryout Creations mastermind

    When all else fails, resort to !important 🙂
    `.column-image {border: none !important; }`


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #14121
    Aluta

    Hi! I used this and white border is gone, but shadow is still visible. Do you know how to remove it?

    #14363
    Zed
    Cryout Creations mastermind

    box-shadow: none;


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #15605
    alexeirus

    Hi,

    I have struggled with the same issue last night. Here is how I solved it for both the drop shadow around the slideshow, and column images.

    The snippets of code controlling these elements are located in style.css:

    Slideshow | note how I changed the shadow settings to “none” – that took care of it.
    .theme-default .nivoSlider {
    position: relative;
    background: #fff url(images/nivoslider/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    Column images | same here, border and shadow set to “none”.
    .column-image {
    width: 100%;
    display: block;
    background: #CCC;
    margin-bottom: 10px;
    overflow: hidden;
    border: none;
    box-shadow: none;
    }

    Add these snippets of code to the Mantra Settings/Miscellaneous/Custom Code, in order to overwrite the main “style.css”

    Good luck and let me know if this works!

    Alexei

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Removing border from Presentation Page Column images’ is closed to new replies.