Increasing the vertical height of a...

User 187934 Photo


Senior Advisor
20,181 posts

Melissa Rhiannon wrote:
Not sure what changing the name of the section does.

So they see the CSS being applied to them.;)
.leftside-2 {
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 404575 Photo


Registered User
887 posts

This is getting botched up. I don't know what I'm even doing.
Melissa Rhiannon
OS Windows 10
User 603315 Photo


Registered User
938 posts

Melissa Rhiannon wrote:
This is getting botched up. I don't know what I'm even doing.


With stuff like this Melissa you need to be working offline with it, not on the fly, believe me I'm talking from experience.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Melissa,

Aside from all the issues of the coding you're having, you might want to ditch that second map on the page. It's pretty redundant to repeat it when you have a nice large one below. I would ditch that top right map and put something else more informational there or just space your content out a little differently so it's not so jam packed, either way would work, but duplicate content on the same page is kind of silly to do. :)
User 2287960 Photo


Ambassador
580 posts

Melissa

You can do this, but backup first.

I know you can change css, you have already made changes. First add those lines of css.

Then edit the HTML on the pages as required and see what happens.

If you botch it, leave it as it is so that I can see what the mistake is.

If all else fails you go back to the backup and start again.

Keith
User 404575 Photo


Registered User
887 posts

Keith W Jones wrote:
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


OK, I just got back to trying this, and it works ok on the subsequent pages, but screwed up the index page. When it worked before this change ( above ) on the index page, then it screwed up the subsequent pages. There's something different between what you're suggesting here, and my actual pages. I am trying this locally - the online pages are as they were, if you want to see them.
Melissa Rhiannon
OS Windows 10
User 404575 Photo


Registered User
887 posts

Is there a little offline test area where I can upload these files as we test them, so clients don't have to see them, but you can?
Melissa Rhiannon
OS Windows 10
User 187934 Photo


Senior Advisor
20,181 posts

Save the page under a new name.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 404575 Photo


Registered User
887 posts

If it stays up for 3 days Google can index it and see it as a copy page, and downgrade you because of it.
Melissa Rhiannon
OS Windows 10
User 404575 Photo


Registered User
887 posts

Does S-drive get openly on the web?
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.