Hey Guys,
I was hoping if someone can help me with getting these 2 issues fixed.
Hover Colour:
my site has the fitness demo installed. I changed the theme accent colour to my preferred colour, yet the site is showing the demo’s original colour and my preferred colour choice for the site at the same time.
Sidebars:
Before the update, I was able to adjust the widget sidebars within posts by having access to css which for some I am hoping good reason, the tagdiv team made the decision to remove that option, so now i am stuck with ads overlapping each other. Basically the sidebar ad is overlapping the ad above post title when you open an article.
I have also followed Bogdan’s instruction to change the colour code within theme editor – includes – demos – blog fitness – demo_style.css , yet no change in hover colour.
patiently awaiting a response from tagdiv team
Hi,
Already replied via facebook on this one. There is a setting in the theme panel you still have to change: https://www.screencast.com/t/LwVCLA525Y
Thank you!
Hi Bogdan, I managed to change the sub menu colour settings, I still am stuck when it comes to changing the colour on post titles on home page and widgets. It’s black at present however when I hover over it, it still demonstrates the original demo colour.
Also, please provide me with a code so I can adjust the sidebar within posts as the ads are currently overlapping.
thank you
Hi, if you want to get rid of the orange color, you can change the theme accent color:
https://www.screencast.com/t/QhRM65NrzfAC
The hover color is still not changed as I mentioned on FB: https://www.screencast.com/t/B3r3rRCjrM
The mega menu also has an accent color: https://www.screencast.com/t/KemTssYV
Mobile menu as well: https://www.screencast.com/t/mND4EH9Zf
If you want to change the headers color from black to another color, please change this field: https://www.screencast.com/t/fdJJbPfm
The overlapping ads in your sidebar come from the 970 px width you add for the content ads. The main content is only 696 px. You cannot fit a 970 px ad in there.
Thank you!
Hi Bogdan,
I wish to retain the orange colour code #FFA500, however when you hover over an article on homepage or within a widget, it displays colour #fc7d46 which is what I do not want and am struggling to change it within settings.
Re the ad issue, prior to the update, I was able to move the sidebar widget lower to accommodate the ad using the css option within widgets, however as that setting is not available I am asking for assistance.
Many Thanks
Hi,
Let’s take these issues one at a time. So you want to change the hover color for the article titles on blocks.
By default the hover color of the post titles in blocks is the theme accent color
– https://www.screencast.com/t/54OzW8stm3
If you choose a background color for the block title like this
– https://www.screencast.com/t/R1tEhDG5
Then that will be the hover color for the titles of that particular block.
Or if you install a demo, the hover color can be set by the demo. For example I believe the fitness demo sets an orange color for all the block titles. If that is the case, this specific demo design can be removed from it’s stylesheet
– https://www.screencast.com/t/JYd5QnZZQ
We could take a look at the homepage if none of these is helpful, please provide a link to your website.
Thanks
Hi,
There is a hover color like this currently
– https://www.screencast.com/t/WioCpDj7
That color originates from the demo
– https://www.screencast.com/t/wOUq3v70
So either change it there directly, or remove that code and then the default situations will apply. It will affect the article titles on modules/blocks.
Hi Simon,
I believe i changed the code there as mentioned previously, Bogdan had instructed me to do so. I went to demo_style.less (includes/demos/blog_fitness/demo_style.less) and changed the colour code to my preferred one, yet it has not changed
Make the change in this file (demo_style.css) no need to do in other files. So changing the color here for example will affect the module titles
– https://www.screencast.com/t/0q5Gn2ZU3OO
Or you can remove that code
– https://www.screencast.com/t/X6vGjT08pJuy
Then the situations mentioned above will apply, either theme accent color or block individual settings.
Hi Simion,
Changed the code and tried it, no luck , deleted the code and yet no luck either
Thanks
Seems the color is still coming from the demo
– https://www.screencast.com/t/HyygvoBIjx
So either the code was not removed or you have caching or CDN. Try clearing the cache or CDN files, so the old version is not served anymore. That could be why there is no effect in the front-end.
Hi Simion,
I’ve purged the cache in wordpress and cloudflare and still no luck .
You could use another code that will override that one, like this
– https://www.screencast.com/t/YgpFbvQNV
.td-blog-fitness .td_module_wrap:hover .td-module-title a {
color: blue !important;
}
Use the color you want in the code, then enter it in Theme panel->Custom CSS section.
ok , now that actually worked …Jesus ? Thank You Simion
Now onto the next issue , the sidebars , if you go into any of my articles, the ad over the title gets overlapped by the ad on the side bar , this happens only on desktop. Prior to the update , i was able to move the sidebar using the css option in the widget which is no longer available due to the new update
That top ad should be an ad of a maximum of 696px, that is the width of the post content. Seems that ad is larger and it displays below the sidebar.
I could give you a code to position the whole sidebar lower
– https://www.screencast.com/t/1KysHjqBRQDc
You can use the value you want in the code, then enter it in Theme panel->Advanced CSS in the desktop section
.single .td-main-sidebar {
top: 320px;
}
Brilliant , that done the job Simion.
Just out of curiosity, why was that option removed from widgets ?
Finally , i was planning to use a layout of one big post then 4 small posts as currently on my front page, is there any way to make that consistent as the user scrolls down for more stories on home page ?
Thank You again for your help
There are plans in a coming major update to change how widgets are used in the theme. There will be a considerable amount of flexibility added for many theme elements. I cannot say more about it or provide a time estimate for the update unfortunately. Sorry if this is an inconvenience at the moment.
You could use a big grid or full big grid
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Or a combination of grid + block. For example a top big post
– https://www.screencast.com/t/T4sd7KSiM
I used full grid 1 and the flex block, this block has options to control modules per row.
Ok thank you, looking forward to the update.
