Table - by ejder077 - on WordPress WooCommerce support

This topic has 18 replies, 3 voices, and was last updated 4 years, 11 months ago ago by Olga Barlow

  • Avatar: ejder077
    ejder077
    Participant
    January 23, 2020 at 14:50

    Table

    Please, contact administrator
    for this information.
    17 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 23, 2020 at 15:01

    Hello,

    Add the next code in Custom CSS area for the page:

    table th, table td {
        border: 1px solid #4cad4f;
    }
    table th:first-child, table td:first-child {
        padding-left: .71em;
    }
    table th:last-child, table td:last-child {
        padding-right: .71em;
    }

    > http://prntscr.com/qrswtt
    Read more https://www.w3schools.com/html/html_tables.asp https://www.w3schools.com/css/css_table.asp

    We did not test such plugins, so we can’t give a recommendation about it, sorry.

    Let us know if you need any other assistance.

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 23, 2020 at 15:32

    I actually tried to copy form W3School:

    table th, table td {  
      border: 1px solid #ddd;
      text-align: left;
    }
    
    table th, table td {
      border-collapse: collapse;
      width: 100%;
    }
    
    table th, table td {
      padding: 15px;
    }

    But the outcome is not the same as W3School’s example…
    https://ibb.co/g4N4vVQ

    https://ibb.co/QvpDv3G

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 23, 2020 at 16:05

    Hello,

    Our theme changes some styles for the tables. So, I would recommend you to add custom class for your HTML and then use that class in CSS styles to overwrite styles of our theme, for example http://prntscr.com/qru4tm

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 24, 2020 at 03:47

    I am trying to use another way:

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 24, 2020 at 08:09

    Hello,

    Please provide URL of the page.

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 24, 2020 at 10:31

    Here is th URL

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 24, 2020 at 10:36

    This margin http://prntscr.com/qs6tki comes from Design options of your row. Please check.

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 24, 2020 at 16:45

    May I ask why the first row is always taller? How can I make their height equal to the other rows?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 24, 2020 at 16:48

    There is a default padding-top for inner-column https://prnt.sc/qsd0wr You can change it via design options.

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 24, 2020 at 16:59

    Change it to what?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 24, 2020 at 17:02

    Try to set 0px

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 25, 2020 at 15:16

    Hi,

    may I ask how do I unite all the custom heading’s text into the same size?

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 25, 2020 at 15:22

    Hello,

    Custom Heading element has Element tag (https://www.w3schools.com/tags/tag_hn.asp) and Font size settings http://prntscr.com/qspwx6

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 26, 2020 at 04:03

    Of course, I know…….

    I am asking how can I set them to the same size, not set them one by one. Maybe by CSS?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 26, 2020 at 09:08

    Try to use the next code:

    h2.vc_custom_heading, 
    h3.vc_custom_heading, 
    h4.vc_custom_heading, 
    h5.vc_custom_heading, 
    h6.vc_custom_heading {
        font-size: 30px !important;
    }

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 27, 2020 at 07:07

    Hi,

    May I ask does WooCommerce needed to be activated in order to display the login page?

    Can the website display the login page without activating WooCommerce

    Also, May I ask why the footer has a large distance between the bottom?
    https://ibb.co/NstxCLY
    https://horserace1393.com/my-account/

    Thank you

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 27, 2020 at 11:36

    Hello,

    1) My account page is woocommerce page, so it should be active.
    2) Page content is too short, that’s why you have empty space there.

    Regards

  • Viewing 18 results - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.