Home Forums Pro Themes Education Hub Pro Help Removing borders from HTML tables

Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #23025
    kim.clifton
    Participant

    I am using Education Pro theme. I do not want to change its features. I have significant number of pages to bring over and am trying to copy and paste info using “text” tab to reveal codes. Many have HTML (no css) tables with no border. How do I remove these borders on my new pages using this theme without affecting entire theme. I only want to bring over the content from other pages and have the grayed box borders removed. Thank you

    #23027
    wensolutions
    Keymaster

    @kim.clifton, thank you for using Education Hub Pro theme.

    Actually it’s hard to case on the scenario and the kind of issue you are having while inputting the data into your site.

    So due to this reason, we would prefer to check your site URL where we try to look into your particular issue and give you the possible solution to address it.

    Kindly, if possible please share us your site URL for the moment to have us inspect your site.

    Note: Also you can later request us to delete your site URL if there is any security concerns.

    #23028
    kim.clifton
    Participant

    Thank you. It is a development site so the URL is unusual. Please delete after reviewing
    http://162.214.13.218/~pcs2k12/wordpress/hr/

    #23030
    wensolutions
    Keymaster

    Well, to remove the table borders from the particular page content from the link given above you can paste the following custom CSS code given below.

    .page-id-111 td {
        border: none;
    }
    .page-id-111 hr {
        display: none;
    }

    Let us know if you have any anything further.

    #23037
    kim.clifton
    Participant

    THank you so much. Help me find where exactly to paste this. I regret I am very new to this and very appreciative of your help.

    #23097
    wensolutions
    Keymaster

    Hello @kim.clifton,

    Please go to your WordPress Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS. Paste the CSS Code above in the Custom CSS Textarea and save & Publish your changes.

    You can add your CSS modifications for your website by adding CSS code in this section also in the future.

    Hope this Helps,

    Best Regards !!

    #23139
    kim.clifton
    Participant

    Thank you! And thank you for this site. It is so helpful!

    #23144
    kim.clifton
    Participant

    Please remove my sample URL. Thanks!

    #23145
    kim.clifton
    Participant

    Sorry. One last question. Is this CSS just for this page or may I duplicate it for other pages with tables.

    #23151
    wensolutions
    Keymaster

    This solution is only for the particular page from the given link.

    You can however clone this CSS but remember to replace the “page ID” on the above CSS to work this property in other pages.

    Note :

    How to find page ID ?

    First, login to your site and visit the Pages menu in your admin dashboard. Then, click on the Page that you need an ID for. Now in the edit screen, look at the URL in your web browser. The Page ID is the number in the URL.

    Hope this helps !

    #23161
    kim.clifton
    Participant

    Perfect!

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.