Jump to content
margeaux7

Change content pad on content box

Recommended Posts

margeaux7    3
margeaux7

I have tried several different things to change the content pad on a content box and I am not that good at firebug especially when things are nested.

 

Here is what I tried:

 

.hentry-pad cb-standard-pad entry_content  { padding: 10px 10px 10px;}

 

Thank you in advance. I really appreciate those that are so willing to help.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

Many apologies but I'm unclear of several things:  Where are you trying to do this on the page? What's the link you're trying to modify? What's the primary goal?

 

Thanks.  I'll be happy to guide you.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

http://www.ehr1.co/

Scroll down to the second set of boxes. I would like to diminish the bottom padding of the content box a bit.

When I use firebug I get this but I don't know how to reference the contentbox. See it says 15 px bottom. But what is the code to reference the box?

 

.content-pad {
    padding-bottom2px !important;
    padding-left15px;
    padding-right15px;
    padding-top7px;
}
.content-pad {
    padding-bottom15px;
}

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

I believe the proper element you're trying to modify is .hentry .cb-standard which isn't seen in the sandbox, but is seen in the HTML code. When you find it there, and hover in Firebug, you'll see the bottom space is highlighted in yellow.

 

I believe you need to set margin-bottom : 0; or padding-bottom : 0; to that. 

 

Hope this helps.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

Rob,

You helped me tremendously. I did not know to access the html code to figure out how to reference an item properly. This is going to make such a difference for me. Thank you very much for your time and expertise.

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

I thought I understood but I have now spent hours trying to do this on my own and it continues to say

.content-pad {
    padding-bottom15px;
    padding-left15px;
    padding-right15px;
    padding-top15px;
}
 
Would you please consider giving me the proper code to remove all of that white space around the download now button on this page: http://www.ehr1.co/test-page?
Thank you in advance.

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

What am I doing wrong. I really am trying to be self sufficient and not rely on others.

 

.hentry .cb-standard .content-pad}
padding-bottom: 2px !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
{

 

Thank you.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

As I mentioned above, you want to use the sections class and then add after that the content-pad class, then apply your padding to it.

 

Also, the ContentBox your download button is using is a clone, therefore, you will also need to add the clone class to your code.

I have provided you with the correct code below, all you need to do is add your padding to it.

 

 

.section-contentbox.clone_2 .content-pad { }
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

Thank you. I really am trying to learn this. I greatly appreciate your patience with me.

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

Danny,

I am sorry. This is not working for me and I do not understand.

 

.section-contentbox.clone_2 .content-pad {
padding:0px;}

Share this post


Link to post
Share on other sites
margeaux7    3
margeaux7

Cached! I am sure you are very sick of me. I will study your tutorial that you spent so much time reading. I am quite blessed to have you help me. Thank you.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem, happy to help.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bellcreative    1
bellcreative

I have been trying to do what you said to take out the white gaps between layers of my website. I can't seem to get it to work. Can you help me with my homepage?

 

Thanks,

connor

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi @bellcreative, please open a new topic and reference this.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×