-
Hello,
I would like to remove the “related” and “series” tabs from the Tutorial template sidebar and leave only the custom content tab. Can you tell me how to go about that?
Also, the video at the top of the sidebar after scrolling on the tutorial template is covered at the top by the header menu bar. Can you tell me how to add some padding at the top or make that scroll more?
You can see an example of this here:
http://fluencytraining.flywheelsites.com/six-to-sixteen-all-are-preschoolers/
Thank you for your help.
Sean Smith
Hi Sean and thanks for contacting us, please add this CSS in appearance > Customize > CSS
#qt-tutorialtabs li:nth-child(2), #qt-tutorialtabs li:nth-child(3){display: none !important;} @media only screen and (min-width: 1201px){ body:not(.mobile) .qt-parentcontainer.qt-scrolled .qt-pageheader.qt-pageheader-tutorial .qt-contents-layer {padding-top: 40px; }}
The first is about the tabs, you can see that you can select differnt tabs by number. The second rule is about the top space which shouldn’t appear cutted as you had, but it may be some setting conflict, anyway this line of code will fix easily.
Looking forward for your feedback
thanks and have a nice day!
IgorHello,
Thank you for the code above. It worked to some degree. The code for removing the tabs works, however the “Related” information is not ever removed. Regardless of how I use the code the “Related” posts still show up. I tried changing the code to simply display none of the tabs like this:
#qt-tutorialtabs {display: none !important;}
That removed the tabs but still left the related posts there.
Also, I am using this code:
body .qt-tags {display:none !important; }
to remove the “Category” tag from all the post displays which is perfect but then it also removes the “watch later” and “time” from the posts. Can you tell me if there is some other code that will remove the category tag, also I would like to remove the post meta such as author information and date.
Thank you!
Sean Smith
Hi Sean, thanks for your feedback.
The code provided above was tested and working fine 8as we always do before providing a solution) anyway I see you are now completely hiding all of the tabs menu, therefore is not clear to me if you need further help for this specific request, please advise.2) Please be aware that
.qt-tags
is not a semantic selector, but a typographical selector, so it defines the typo appearance of this kind of text across the site, and it indeed affects a ton of elements.
If you wanto it to be targeted on a specific type of item, you need, using the inspector, to find the specific CSS selector that defines the element.
So if it is for instance a post card, with the inspector sleect the entire card and target only the .qt-tags for that item.As your description is not specific enough to me, I’m not able to provide an example code that works, but it seems you have quite some programming skills and probably you already got what I’m saying.
let me know if I can help more
thanksHello,
Thank you for your reply. I am still working to resolve both of these issues. For the first issue. It seems that the code provided removes the “tabs” but the related posts are still displaying there. Whether I use the code provided or I use the code mentioned above to remove all the tabs the “related” information still displays there.
On the second issue. Thank you for the information on the .qt-tags I cannot seem to find the specific items that I am looking to remove. Here is a screen shot:
In this screen shot the items I am trying to remove are the “1 Hour Webinar” with the pink oval around it. And secondly the “Author” information including the avatar (profile picture) Author Name and Date.
Would you be able to help me find the code to remove those.
Thank you,
Sean Smith
Hello and thanks for your clarification. I see you already removed this via CSS.
I’d suggest anyway a better rule:.qt-headercontainer .qt-tags { display: none !important; }
Do you still need any help in this?
Also, I noticed you are using transparent header but in your homepage the menu is invisible because you are using a white background on the first element.
I’d suggest putting a dark background instead, otherwise the menu items are invisible.You can also add a simple row with a spacer as first page element, and put a dark background as row setting.
Thank you! Can you provide any more help on the content section under the video on the Tutorials formatted pages. I still am not in any way able to remove the “related” content.
Also, can you provide any code or item tag for the “Author” information including the avatar (profile picture) Author Name and Date.
Thank you
Remove related below content:
.qt-related-section {display: none !important;}
2) Sorry i do not understand what you need here
any code or item tag for the “Author” information including the avatar (profile pictu
The .qt-related-section {display: none !important;} css is not working. You can see that I have it in the custom CSS but the related items are still showing on the sidebar.
For the other. We are trying to remove the Author and date information for posts across the entire site. Currently the “Author” and “Post Date” show up wherever a post is displayed. Those are not relevant to our site so we would like to remove them. For instance. IN the screenshot of a series page below you will see: “Christina Ennis | November 28, 2018” That is what would would like removed.
In the screenshot of an archive page below you will see that an Avatar and “Christina Ennis | November28, 2018” appear when you hover over the video. That is what we want removed.
Basically the author and date of our posts is irrelevant and confusing for our site. We would just like for that information to not appear anywhere.
I hope that makes sense.
Sean
- This reply was modified 6 years ago by ssmith162.
1) related: your site isn’t available so I can’t verify why it’s not working, actually tested locally and works fine, please let me know when is back online, thanks!
2) Remove author and date across all site: this is a MASSIVE customization that has no shortcuts or CSS codes. It requires to manually edit every single file of the theme, find author and date and remove the PHP and HTML from each one of them. Such size of customizations can’t be provided by support, I’m sorry. I can suggest, if you need, to hire a professional on Codeable or Envato Studio to do so.
And the code can be different in any file, so there isn’t a specific rule to apply.
To make you an example, this is the code to remove for a template
https://imgur.com/a/9N4ixc8there are dozens of templates, so is a big work.
After removing it, you may also experience visual issues due to the missing block. So is a very huge work and something unfortunately we can’t handle as support as may be generating a cascade of design issues to fix afterwards.
Even if we sometimes provide small CSS customizations, what you ask here is something that goes completely out of the support terms for the entity of the required work, sorry.
Thank you for your help. On the
1) Related issue, the site haas been taken out of “Coming Soon” mode so you can verify.
The url should still be the same, but we have also added it as a subdomain so you can see the site here:
training.fluencymatters.com
Thank you.
Hello,
On the 2) Remove Author and Date across site…
I was able to achieve this by removing just a few lines of code from the part-item-matas.php template. You can see here:
Just wanted to let you know in case you get a request for this again. It ended up being a fairly simple fix.
Hello and thanks for your answer.
That is a template, yes, as linked in my first answer, but you may encounter other instances. In that case, you may see that any item has its own CSS container class.
We try always to name the PHP template of that item in the same name of the class, so you will identify the file to edit in a simpler way.Rmemeber to put the custom files in the child theme, to avoid loosing the customization when you update the theme.
Regards
The topic ‘Remove "Related" and "Series" tabs from tutorial template sidebar.’ is closed to new replies.