• Resolved Сергей

    (@derevnya)


    I created a table!
    The generated code consists of two parts: <style> tag and <table> tag. The first one should be copied and placed directly in front of the </ head> tag of your site, and the second (i.e. Table code) should be placed in the right place.
    How can I place </ head> so that he does not retire when he embraces the topic? Without child themes!

    
    
    <style type="text/css">
    .tg  {border-collapse:collapse;border-spacing:0;}
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
    .tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
    .tg .tg-jyf0{font-size:15px;background-color:#dae8fc;color:#ffffc7;border-color:#3166ff;text-align:left}
    </style>
    <table class="tg">
      <tr>
        <th class="tg-0pky"></th>
        <th class="tg-jyf0"></th>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
      <tr>
        <td class="tg-0pky"></td>
        <td class="tg-0pky"></td>
      </tr>
    </table>
    
    • This topic was modified 5 years, 10 months ago by Jan Dembowski. Reason: Formatting
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Hey there @derevnya,

    Thanks for that description!

    The generated code consists of two parts: <style> tag and <table> tag. The first one should be copied and placed directly in front of the </ head> tag of your site, and the second (i.e. Table code) should be placed in the right place.
    How can I place </ head> so that he does not retire when he embraces the topic? Without child themes!

    The best way to add content to the header without needing to modify the theme is to use a plugin like this one:
    https://www.ads-software.com/plugins/head-footer-code/

    However, I see what you’re looking to add is actually CSS. You could place that in your header using a plugin like this, but you could also add it directly using Customizer > Additional CSS:

    Customizer
    Link to image: https://cld.wthms.co/26SxRu

    I hope that helps you in the right direction – please do let us know if you have any further questions!

    Thread Starter Сергей

    (@derevnya)

    I wrote a code to reduce the size of thumbnails of pictures on the product page. The code is working! I want you to confirm that the code is written correctly!
    https://snag.gy/AETJFu.jpg

    .single-product div.product .images .flex-control-thumbs li {
    max-width: 1.631em;
    }

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Hey there @derevnya – thanks for sharing your code! One of the great things about CSS is that you can see the effect immediately. If you add the code to your site and the display changes, then you know you’ve done it right. If it doesn’t work, then you know it’s wrong.

    Can you please give it a go? If it’s not doing what you want, then please:

    1. Share the URL where you’ve implemented it
    2. Give us an idea of what change you’d like to see

    Thanks!

    Plugin Support con

    (@conschneider)

    Engineer

    Hi there,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Kind regards,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘code’ is closed to new replies.