No border in footer area and get text to get aligned to the top

  • Resolved gabby_wordpress

    (@gabby_wordpress)


    9 years, 7 months ago

    Hi,

    I have tried to fix the footer on a website. I am using 4 footer areas at the following url:

    https://testseab.glundh.se/

    Even if I have no borders black lines can been seen. I am using a HTML Javascript adder. I also have tried to get the image and text to be aligned the top but the text sticks to the bottom

    I have the following code:

    <table style=”width: 175px”>
    <tr>
    <td>
    <img src=”https://testseab.glundh.se/wp-content/uploads/2015/04/phone_1_white.png&#8221; alt=”phone” width=”32″ height=”32″ vertical-align: top; style=”float: left”/></td>
    <td valign=”top” style=”text-align: left;”>0413-55 71 00</td>
    </tr>
    </table>

    Is it a better way than using a table to get the image and text next to each other in each footer area?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try adding this to your CSS using a child theme or a css plugin.

    .hjawidget td {
  border: none;
  vertical-align: top;
}
    Thread Starter gabby_wordpress

    (@gabby_wordpress)

    I have managed to get the text to be aligned to the top with the following code:

    <td valign=”top” style=”float: left;”>

    But in Footer Area 1 all the text is not aligned to the left, the last row seems to be aligned to the center and need help with that.

    And I still have the problem with the borders

    Thread Starter gabby_wordpress

    (@gabby_wordpress)

    Hi martcol,

    I tried your code and removed the other code from the different footer areas and the borders are gone but I still have the issue with the first footer area where the text is not aligned to the left

    In the Custom Css I have your code and in the actual Footer area I have the following code:

    <table style=”width: 200px”>
    <tr>
    <td>

    <img src=”    https://testseab.glundh.se/wp-content/uploads/2015/04/location_pointer_white.png&#8221; alt=”map”>
    </td>
    <td>
    F?retagsnamn
    Industrigatan 18
    243 32 H??r
    </td>
    </tr>
    </table>

    Thread Starter gabby_wordpress

    (@gabby_wordpress)

    I have solved the problem with adding the following code:

    Changed this code
    <td>
    F?retagsnamn
    Industrigatan 18
    243 32 H??r
    </td>

    to

    <td style=”text-align: left”>
    F?retagsnamn
    Industrigatan 18
    243 32 H??r
    </td>

    and now all the text in the first footer area is aligned to the left.

    Thanks for all help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No border in footer area and get text to get aligned to the top’ is closed to new replies.