how do i style a post or page?

  • this is most likely a really simple but i cannot seem to figure it out.. i am a noob yes this is true..

    ok when creating a post or page in wordpress .. in my case i am not using wordpress for a blog but more like a CMS plain website..

    my problem is when i am adding content to my page .. like for instance a table .. how can i add padding or margin to the table to make place it where i want it on the page ??

    help would be very appreciated i cannot find the answer anywhere on the net

    link to my page where the problem is https://www.webhostingreviewsrus.com/reviews/

    thank you in advanced

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter KAA1

    (@kaa1)

    oh i am using the plugin WP Tables

    I usually go switch from “Visual” mode to “HTML” mode by clicking on the tab at the top of the edit screen. I’m pretty sure this will work. You can then write your tables in plain HTML. Try that and see if it works.

    <table border="1">
<tbody> <!-- I don't use this but WordPress inserted it -->
<tr><!-- this is a row -->
<td>Type whatever you want in this cell

?</td>
<td><!-- next column -->
Type whatever you want in this cell</td>
</tr>
</tbody> <!-- I don't use this but WordPress inserted it -->
</table>

    Try this and see if it works. You will have to play with it a little bit until you get it to look the way you want it to look. If you just copy and paste this code, you will have something to start with. Remember, you must be in HTML mode for this to work.

    There are a lot of tutorials on the web for learning how to tweak HTML tables.

    You can also use 

    <span>

    and 

    <div>

    and other little tricks.

    If you wanted to get a little fancier, you can try something like this:

    <head>
<style>
thead {background-color:tan;}
</style>
</head>
<body>
<table border="5" cellpadding="15" cellspacing="15">
<thead><tr><td>col-1</td><td>col-2</td></thead>
<tbody> <!-- I don't use this but WordPress inserted it -->
<tr><!-- this is a row -->
<td><!-- this is a column -->
Type whatever you want in this cell

</td> <!-- this ends this column -->
<td><!-- next column -->
Type whatever you want in this cell

</td> <!-- this ends this column -->
</tr> <!-- this ends this row -->

<tr><!-- this is the next row -->
<td><!-- this is a column -->
Type whatever you want in this cell

</td> <!-- this ends this column -->
<td><!-- next column -->
Type whatever you want in this cell
</td> <!-- this ends this column -->
</tr> <!-- this ends this row -->

</tbody> <!-- I don't use this but WordPress inserted it -->

</table>
</body>

    I am not sure how well WordPress is able to process this code in HTML, but I typed it into NotePad and saved it as HTML and it worked fine.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how do i style a post or page?’ is closed to new replies.