Getting rid of massive space above &...

User 404575 Photo


Registered User
887 posts

Ok, the only .css file is style.css, but WP must call i that at the end.

Above you said:

<div class="entry">

Looks like there's no entry class in the css to control the div.:)

.entry {
margin: 50px;
}


Do I put those on just any line in that file?
<div class="entry">
and then
.entry {
margin: 50px;
}

?



or do this to the p

p {
color: #0000BE;
font-size: 16px;
text-align: center;
margin: 50px;
}

Adding margin: 50px; to that line in style.css just increased the cop margin of the blog page, not the sides.

Melissa Rhiannon
OS Windows 10
User 187934 Photo


Senior Advisor
20,271 posts

You already have this.
p {
color: #0000BE;
font-size: 16px;
text-align: center;
}

So you just have to make it this
p {
color: #0000BE;
font-size: 16px;
text-align: center;
margin: 50px;
}
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

Yeah, I tried that but it just changed the top margin, not left or right.
Melissa Rhiannon
OS Windows 10
User 404575 Photo


Registered User
887 posts

There's style.css which contains this on the top line:
p{color:#0000be;font-size:16px;text-align:center;font:Arial;}

then there's the blog Page Template which contains this:

<?php /*

template name:blog

*/?>

<?php get_header(); ?>

<body>

<div id="wrapper">

<div id="fbtop">

<a href="<?php bloginfo('url'); ?>">
<img src="<?php bloginfo('url'); ?>/images/blogbanner.jpg" alt="American Legal Forums Brought to you by Colorado Process Servers" />
</a>
</div>

<!-- BEGIN MAIN CONTENT -->

<div id="bodycontent"><a name="TOP" id="TOP">&nbsp;</a>

<?php $original_query = $query_string; query_posts('&cat=1'); ?>
<?php if(have_posts()): ?><?php while(have_posts()):the_post();?>
<div class="post" id="post-<?php the_ID(); ?>">

<p style="text-align:left;">


<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" ><?php the_title(); ?></a></p> <!-- title of the post as a link --><hr />



<?php the_content(); ?> <!-- adds the content to the post -->
</div> <!-- end entry class-->
</div><!-- end post class-->
<?php endwhile; ?>
<?php else: ?>
<div class="post">
<h2><?php _e('Not Found'); ?></h2>
</div>
<?php endif; ?> <!-- post loop -->
<?php wp_reset_query() ?>
</div>

<!-- END MAIN CONTENT -->



<?php get_footer(); ?>

See why I'm dizzy with this stuff? I'm between a rock and a hard place. I don't know the first thing about divs, tables or whatever, just very basic html, yet if I use VSD it seems like it cant do the things that php and divs, tables, whatever, can do in WordPress.

Melissa Rhiannon
OS Windows 10
User 187934 Photo


Senior Advisor
20,271 posts

Try this.

p {
color: #0000BE;
font-size: 16px;
text-align: center;
margin-left:50px;
margin-right:50px;
}
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

I put that in the top line of style.css and it did nothing.

When I put margin-left:10px;margin-right:10px; in the appropriate line of the blog template, it does move the titles over by 10px, just not the post text itself, so that's interesting.
Melissa Rhiannon
OS Windows 10
User 187934 Photo


Senior Advisor
20,271 posts

I just installed WordPress so I could help point you to the right location.

Go to the html editor and connect to your host by clicking the server tab for mywebsites.
After all the files on your server show up in the directory on the left hand side click on the + sign next to
wp-content
then
w3tc
then
min
then dbl click
fbc1bdcd.4d7307.css
The css should now be open in the editor.
Make the changes to the p that I showed you above then hit save and the editor should upload the changes.
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

couldn't get the login to work with html editor, so I used the HostGator Cpanel.

The line looks like this:
p{color:#0000be;font-size:16px;text-align:center;font:Arial;}#bodycontent

I tried changing it in the public_html and www directories but it did nothing.
Melissa Rhiannon
OS Windows 10
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

The bit of css that is controlling the paragraph width (line width) is this:
p{color:#0000be;font-size:16px;text-align:center;font:Arial}


As you see, after the word Arial there is no ; so make sure to add it before adding 'margin:0 10px;'

The ; is not necessary after the last definition of something, but it's a good practice always to put it in. If you have that line looking like:

p{color:#0000be;font-size:16px;text-align:center;font:Arial;margin:0 10px;}


it should shorten the lines by 10px both left and right, but do nothing to the top and bottom. You may of course change those 10px to more or less, if you want.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 404575 Photo


Registered User
887 posts

It's not doing a thing Inger. This is so frustrating, but we have to assume something else somewhere is modifying it so that it's not working at all.

The top line in my style.css now says:
p{color:#0000be;font-size:16px;text-align:center;font:Arial;margin:10px;}
and it hasn't changed a thing.

Now I've got the blog page totally botched up.
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.