- 
		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 #5258Zed Cryout 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 #14121Aluta Hi! 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 #14363Zed Cryout 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 #15605alexeirus 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 
- 
		AuthorPosts
The topic ‘Removing border from Presentation Page Column images’ is closed to new replies.

