Jump to content

Archived

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

jess357

white space between text not responding to custom CSS

Recommended Posts

jess357    0
jess357

Hi-

 

I have very limited experience with development, been doing design for awhile. The site (testing.zevsiegl.com) is getting to the state I want, but I have spent hours trying to fix the problem without success.

 

It's as simple as wanting to strip some of the white space from in between the text elements.

 

Here's what I've tried:

 

In Custom Code area:

 

<code>

 

.content .content-pad {
padding: 0px;
}
h1, h2 {
  font-family: "daniel", cursive;
  font-color: #cc571b;
  margin: 0;
  padding: 0;
  }
blockquote {
padding: 0px;
margin: 10px;
border: 0;
}
</code>
 
And in child theme area: 
 
<code>
h1 {
  font-family: "daniel", cursive;
  font-color: #cc571b;
  margin: 0;
  padding:0;
  }
 
h2 {
    font-family: "daniel", cursive;
    background-color: transparent;
    font-color: #2c7b94;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 1px, inherit;
    line-height: 1.4em;
    font-size: 1.3em;
    margin-top: 1em;
    margin-bottom: 0;
   padding: 0;
}
 
p {
    font-family: 'Trebuchet MS';
    background-color: transparent;
    font-color: #373737;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.6em;
    font-size: 1.3em;
    margin-bottom: 0;
    padding: 0;
}
 
I'd love to know where I am going wrong and how to make it right.
 

 

Share this post


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

Hi,

 

The main white area on your site is coming from the below your content, this gap is created by your table. You have height 200px, remove this or lower the value and this will resolve the issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pondhopper    0
pondhopper

Rob, as soon as I just asked a similar question I found this answer.  I think that this is the problem that I have, but where do I find the option to reduce the space below the table?

 

http://www.secttechcenter.com/news/

 

My question was regarding white space in general, but in particular below the slider.

Share this post


Link to post
Share on other sites
pondhopper    0
pondhopper

ooops - sorry I meant Danny!

Share this post


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

pondhopper

Your whitespace which I believe is the white content below your boxes, is actually caused by your Facebook like widget, in your sidebar. With that being as long as it is, it is causing your sidebar to be longer than your actual content area and is therefore, pushing your content area down to match the length, creating white space.

We can not provide support to third party widgets, but if you remove this widget your whitespace will be reduced vastly.

 

http://cl.ly/image/3n2O3i1B1m1k


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pondhopper    0
pondhopper

Thanks Danny, I'll give that a go!

 

Had more troubling problem this morning, the whole site went down and when my ISP restored it, all of the pagelines formatting had disappeared.  I do have a manual back-up of the wordpress folder but is there a specific place I should be looking for just the pagelines formatting (site-wide formatting etc)?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Everytime my host has restored something for me, it's never complete.

 

My suggestion is to FTP into the site and install DMS from an original source.

 

Go to http://www.pagelines.com or your account and download the latest released version.  Unzip the file to your desktop.

 

Via FTP, navigate to wp-content/themes/.   Delete the DMS folder. Then, upload the dms folder on your desktop (just added) and it will replace the original.  This will restore all the broken bits, and won't affect the settings.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • lbhansen
      By lbhansen+
      I am slowly getting closer to something I like for the general appearance of my site. What's currently nagging me is trying to remove the top and bottom padding/margin from the image in the header. It seems that I've done what I want with the menu but there was dead space above the image and between the image and menu.
      Trying out padding and margin settings, I got something that came close to what I want but saw odd behavior along the way. Changing either the top or bottom padding to 0 (from blank), removed all padding from the top and sides but left a small band between the image and menu.
      Setting all eight padding and margin settings to 0 removed all except the band between image and menu. (But it seems that entering 0 in only the top or bottom padding option is all that was needed.)
      So, heading into the twilight zone, I changed the bottom margin to -1. That removed the band but allowed the menu to slightly overlap the image. AND, narrowing the browser, or viewing on a phone, caused the band to reappear.
      Perhaps there's also a problem with the menu but I don't see it.
      So that's where it stands at the moment: http://756.a44.myftpupload.com 
      I seems to me that if there is a default padding value, setting it to 0 should be all that's needed to get the two sections to meet perfectly on any device/browser width.
    • Perry
      By Perry+
      Hello There, 
      I am working with Platform 5 and have run into an unnerving problem. I am trying to position my clients picture along the bottom of the container, so that it sits right on the bottom. After a good hour of googling and messing with the CSS I figured I would ask the question here. Below is my screenshot displaying my problem. I will need to do this frequently in the future. 
      My Problem Image
      Unlike in DMS, when I add a margin to an embed or image box it simply makes the container larger while keeping the padding, I cannot have any padding or any space whatsoever on the bottom of my clients image.  Is there a way to remove all padding from the container so I can have this work across screen sizes? If not is there anyway to position an element directly at the bottom of another element in Platform 5? This seems like a basic feature and was easily attainable within DMS. 
      I cannot create an image combining all these elements as it will not scale well on mobile and will make my clients logo unreadable and her face incredibly small. 
       
      Thank you for any help,
      Perry
    • chamois_blanc
      By chamois_blanc+
      Hello,
      I am a bit confused about the usage of percentages for section padding/margin settings in the PL5 UI. Percentages don't scale well for mobile devices (especially in height), so those settings are pretty much useless. Case in point, the defaults are expressed in rem units, not percentages:
      .pl-sn-pad { padding: 1rem; ... } Why force the user to use percentages in the PL5 section UI when it would have been as easy to let the user specify the unit?
×