-
AuthorPosts
-
April 15th, 2013 at 06:20 #5133Chris
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
April 18th, 2013 at 17:56 #5258ZedCryout Creations mastermindWhen 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.November 30th, 2013 at 10:17 #14121AlutaHi! I used this and white border is gone, but shadow is still visible. Do you know how to remove it?
December 6th, 2013 at 21:37 #14363ZedCryout Creations mastermindbox-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.January 8th, 2014 at 20:53 #15605alexeirusHi,
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
-
AuthorPosts
The topic ‘Removing border from Presentation Page Column images’ is closed to new replies.