Home › Forums › Pro Themes › Education Hub Pro › Help Removing borders from HTML tables
- This topic has 10 replies, 2 voices, and was last updated 8 years, 1 month ago by kim.clifton.
-
AuthorPosts
-
November 10, 2016 at 10:58 am #23025kim.cliftonParticipant
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
November 10, 2016 at 11:13 am #23027wensolutionsKeymaster@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.
November 10, 2016 at 11:14 am #23028kim.cliftonParticipantThank you. It is a development site so the URL is unusual. Please delete after reviewing
http://162.214.13.218/~pcs2k12/wordpress/hr/November 10, 2016 at 11:37 am #23030wensolutionsKeymasterWell, 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.
November 10, 2016 at 11:47 am #23037kim.cliftonParticipantTHank 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.
November 10, 2016 at 11:18 pm #23097wensolutionsKeymasterHello @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 !!
November 11, 2016 at 8:53 am #23139kim.cliftonParticipantThank you! And thank you for this site. It is so helpful!
November 11, 2016 at 9:52 am #23144kim.cliftonParticipantPlease remove my sample URL. Thanks!
November 11, 2016 at 10:39 am #23145kim.cliftonParticipantSorry. One last question. Is this CSS just for this page or may I duplicate it for other pages with tables.
November 11, 2016 at 11:25 am #23151wensolutionsKeymasterThis 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 !
November 11, 2016 at 2:52 pm #23161kim.cliftonParticipantPerfect!
-
AuthorPosts
- You must be logged in to reply to this topic.