Hi, apologies for asking a few questions in one post but I don’t want to take up too much space. I have a few questions about the settings I can’t seem to figure out:
1) I have a one-page site using Block 4 to display post excerpts (see photo below). My client does NOT want the post title to link to the post page, and wants the only link available to lead to an external site. Can I remove the link functionality from the post title and have it display as plain text?
2) I can’t figure out how to make the footer/header full-width. They used to be, but in the course of editing, they are only site width and I can’t figure out what setting I messed with. No option for this in the footer theme panel section, far as I can see.
3) How can I adjust the site width?
4) How can I change each tag color? For instance, in the attached image I’d like the change the ‘technology’ tag on the photos to match the red color of the block title.
Thanks very much.
Hello,
1) there is no theme setting for this but it can be done with a css trick. Add this code in the theme panel->custom css box:
.td_block_4 .entry-title a{
pointer-events:none!important;
}
And if you want to remove the hover color you can also ad this code:
.td_block_4 .td_module_wrap:hover .entry-title a{
color:initial!important;
}
2) This functionality is mentioned here: https://forum.tagdiv.com/background-introduction/
It is related to the site background. If you want to have a full width header and footer, yopu need to remove any background image or color (white counts too) You need top press the clear button for the background color and remove the background image.
3) The site width cannot be altered. Our theme was built on a fixed width and there is no simple way of changing it as all the theme elements depend on this fixed width.
4) The category tag color can only be changed with css. For this you need to add an extra class on the row that contains the block in visual composer and then use the class in this css code like so:
.mycustomclassname .td_block_4 .td-post-category{
background-color:Red;
}
Thank you!
Hi, thanks so much. All made sense except #4. Is there any documentation on how to do this, or can you elaborate a bit more? Thanks very much.
Hi,
Let me try to explain better. There is no setting to change the color of the category tag in our theme. the element is added across the whole site.
you can use a css code to change it;s color, but it will change the color for ALL category tags on your site to the same color. This is the code you need to add in the theme panel-> custom css box for this to haoppen:
.td-post-category{
background-color:red!important;
}
This code will make all category tags red: http://screencast.com/t/0lTOULi7fI`
Now if you want to go further in depth and only target a specific block, let;s say I want to target my first block on the page and not any other one. i can access the back-end of the page in visual composer: http://screencast.com/t/3X6PF4Vl
i need to move it on a separate row, not like it;s right now. Here is how it will look like: http://screencast.com/t/ZxXPuMkyF0Pw
We do this as you can only add an extra css class on a row, not on a particular block.
now we access row settings and assign a class name. you can name it anything. I will name mine: custom_class:
http://screencast.com/t/FlBUC25u then we hit save and updqate the page.
Now i can use this code:
.custom_class .td-post-category{
background-color:red!important;
}
http://screencast.com/t/yoFtyfEoNH
Thanks.
Hi Bodgan, thanks very much.
I want to follow up on the first question I had in my original post. You helped me strip the link functionality out of the post titles using the code
.td_block_4 .entry-title a{
pointer-events:none!important;
}
But I discovered that the featured image for each post still links to the post page. Is there any way I can get rid of that link functionality as well?
Thanks very much.
Hi
Try this css:
.td_block_4 .td-module-thumb {
pointer-events:none!important;
}
Thanks!
Hi,
Your solutions have been ace so far, thanks for your help. I just noticed something though.
In a previous question you helped me remove the link capability from post titles & featured images. It works great on the main page (outside.agoda.com) and from a single page (outside.agoda.com/technology).
However, if someone clicks a category tag (for instance, technology) it goes to outside.agoda.com/category/technology and on THAT page, all the links and featured images are clickable.
Can I remove that as well?
Thanks very much.
Hi
Do you want to remove the links from category page? If so try this css: http://screencast.com/t/HltHBMfamEk
.category .td_module_wrap{
pointer-events:none!important;
}
Thanks!
Hi, thanks, but that doesn’t seem to work. All the links are still active on the category page. :-/ Is there anything else I can try? I’ve attached an image of the code I have so far.
Hi
Please provide your site url so I can haev a closer look and get back to you with a more accurate answer.
Thanks!
It’s outside.agoda.com.
Hi, I’m sorry…problem has changed somewhat.
First of all – this site is hosted on my company’s servers, so our IT guys handle it. And I just realized that it seems any update or change to the CSS takes about 12 hours to take effect. I have no idea why. SO…my last email about how it doesn’t work isn’t true anymore – it works…but maybe too much.
Now if you go to outside.agoda.com/category/technology you can see that NONE of the links work, even the ones in the excerpt. I’d like these ones to open in a new tab, but the title and photo to be inactive.
I know…this is very strange. 🙂
Thanks.
Hi B,
And I just realized that it seems any update or change to the CSS takes about 12 hours to take effect.
1. Go to your .htaccess and remove for the moment the rules for “Expires”
2. Cut your custom .css from theme panel and paste into the main syle.css
3. Clear your cache
If works, change your time for “access plus” in somewhat lower
Hi
@BkkGreg I’ve noticed that you’re using cache for the site and this may also be a reason for the long delay in applying the changes. After you make any changes make sure you clear all caches and purge the cdn files if you’re using such a service.
Now the links from category page seem to wark as you expect, let us know if you need further assistance on this.
Thanks!
Hi…sort of.
I’d like to remove the featured image link from the category page, but NOT the link in the excerpt, which will take the user to another website.
I have used the code
.category .td_module_wrap{
pointer-events:none!important;
}
but if you go to, for instance, https://outside.agoda.com/category/technology/ you can see that NO links on the page work.
Thanks
Hi
Try to replace the previous css wit this one, it will remove the link from featured image and post title on category page:
.category .td-module-image, .category .entry-title{
pointer-events: none!important;
}
Thanks!
