Increasing the vertical height of a...

User 2287960 Photo


Ambassador
580 posts

That will make text from right drop to bottom.

Look in style.css line 29 for:

#borderleft {
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #0000BE;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
}


Remove all of it.

Keith

User 404575 Photo


Registered User
887 posts

Ok never mind my last post of the style.css

I backed up my file and did what you said, and it looks great now. Thanks guys!
Melissa Rhiannon
OS Windows 10
User 2287960 Photo


Ambassador
580 posts

Yes, looks good.

I find text hard to read too close together.

Again in style.css line 7

p {
font-size: 14px;
line-height: 14px;
}


Change line-height to 22.

That will give you Golden Ratio Typography.

Keith
User 404575 Photo


Registered User
887 posts

Thanks Keith! Yes, it does look nicer now! :)
Melissa Rhiannon
OS Windows 10
User 404575 Photo


Registered User
887 posts

Oops, the center line is now screwed up on other pages: http://denverprocessservers.net/coverage-area.html

Melissa Rhiannon
OS Windows 10
User 2287960 Photo


Ambassador
580 posts

Can not see a problem on that page.

But is a problem with http://denverprocessservers.net/terms-policies.html

Nothing to do with 22.

I have to finish for now. If you post the pages with problems with center line I will look later.

Keith
User 404575 Photo


Registered User
887 posts

The center lines don't extend to the horizontal bottom line, on any but the home page now. I use Seamonkey browser, by the way.
Melissa Rhiannon
OS Windows 10
User 603315 Photo


Registered User
938 posts

To be quite honest, I think you need to change your menu, it's not too obvious where it is, in the middle of the page with other text, is not clear.
User 2287960 Photo


Ambassador
580 posts

Right let's see if we can sort this out, what I suggest add following to style.css.

Backup all files before you start.

.leftside-2 {
border-top-color: #0000BE;
border-top-style: solid;
border-top-width: 1px;
float: left;
padding-bottom: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 0;
text-align: justify;
width: 410px;
}


#borderleft-2 {
border-left: solid 1px #0000BE;
}


Note I have changed the names by adding -2. Then edit the HTML in the pages where the line is missing. Only 2 changes per page.

Change <section class="leftside"> to <section class="leftside-2">

Change <section id="borderleft" class="rightside"> to <section id="borderleft-2" class="rightside">

Keith
User 404575 Photo


Registered User
887 posts

Not sure what changing the name of the section does.
Melissa Rhiannon
OS Windows 10

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.