Jump to content

Archived

This topic is now archived and is closed to further replies.

richardc

Removing box and gap

Recommended Posts

richardc

Hi

 

I'm slowly getting to grips with DMS.

 

My HTML and CSS knowledge is very basic I'm afraid.

 

I'd like to know how to remove the grey box from around images in the hero section and also how to make the gap above this module less.

 

Here's a screen shot to explain: http://screencast.com/t/eWxaj2uKQ1N

 

Thanks in advance.

 

R
 

Share this post


Link to post
Share on other sites
batman

Hi R

You can try add to Custom Code

to remove the grey box

img.pl-imageframe {box-shadow: none;}
 
to make space less
.section-hero .pl-section-pad {padding-top: 0%;}
 

My exemplary code is not necessarily applicable as written, to your site, so please adjust accordingly.

 

Check out 

http://support.pagel...ion/custom-css/

 

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
richardc

Thanks Bat Learning!

 

I could make the box disapear with Firebug but when I add the code to DMS it does not work.

 

Here's what I did: http://screencast.com/t/jDEUeePF

 

Please can someone point me in the right direction.

 

Thanks in advance.

 

R

Share this post


Link to post
Share on other sites
thebastion

richardc

 

I'm guessing you are not using a child theme so put it in here:

 

code-edit.jpg

Share this post


Link to post
Share on other sites
richardc

That worked. Thank you so much!

Share this post


Link to post
Share on other sites
Rob

Excellent!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×