Hi everyone,
I have two question need your help:
- I want to hide the table lines on my single page. Please note that there are still tables displayed on other pages of my store. I don’t want to hide them. How can I hide the lines on a single page in the news section?
The table border on this page is what I want to hide, page link: https://ninescapeland.com/blogs/news/the-complete-guide-starting-your-indoor-playground-business
- Still this page link, the second table is left picture right word, I want to make my picture center in the left tables, and I adjust the table set, but it still can’t achieve my requirement.
If you can help me, I will be glad! Thanks for your help!
Best regard,
NinescapeLand
1 Like
This is Noah from PageFly - Shopify Page Builder App
Please follow code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Isssue1 : please set class for table 1 width name: “tb_custom_1”
Isssue2 : please set class for table 2 width name: “tb_custom_2”
And add code here to fix it:
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.article-template tbody {
border: none !important;
box-shadow: none;
}
.article-template table {
box-shadow: none!important;
}
.article-template td {
border: none !important;
}
.rte img {
float: right!important;
}
@media screen and (min-width: 750px) {
.rte table td {
padding-right: 180px;
}
}
could you tell me what problem this code is used to solve? I added this code to my website, but it doesn’t seem to change anything
Hi @NinescapeLand It will help you resolved issue 1 and issue 2,But you need to add the class name as described so that it selects the correct element. I can provide other code but it will affect other pages, so you need to add the class name to properly identify the tables. Do you have difficulty with that?
Please pay attention to this line:
"Isssue1 : please set class for table 1 width name: “tb_custom_1”
Isssue2 : please set class for table 2 width name: “tb_custom_2”
Thank you.
Great! you answer my Question 1, do you know how to make this part of the picture centre, don’t worry, whether you if know, I also will accept your answer
1 Like
Would you mind telling me how I can add these two names to my table
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.rte img {
float: right!important;
}
@media screen and (min-width: 750px) {
.rte table td {
padding-right: 180px!important;
}
}
Hi @NinescapeLand Ah sorry, maybe it will take a little time. I noticed that you only apply tables in blogs pages so you can use this code instead
Thank you.
HI @ZestardTech
This code has some problems, when I adjusted this code, my first table picture size changed, such as my screenshot.
Hi @PageFly-Noah
Is to copy this string of code to the theme.liquid above the tag ?
I am trying this, but still have no change.
@NinescapeLand yes in file theme.liquid and above tag
please add again code here:
Hi @ZestardTech
This is NinescapeLand, I updated my store, and I found a problem when I modified the table border according to the code you provided before. In my updated version, if I use this code, all my pictures become smaller. Can you help me again?
Hi @PageFly-Noah
Please check it out, I added your code to my store, but they still stay on my table line, can you help me again?
(PS: is it because I didn’t do something right?)
Best regard,
NinescapeLand
Hi @NinescapeLand please try add code here in above tab like image here:
Thank you !
I just found this, is the add code above this body?
