How can I create a block like this -> https://ibb.co/b4uwc6
Hello,
That design is specific for the gadgets demo. Those are 2 blocks in fact. The one on the top is a block 14 and the one without images is a block 9
Thank you!
I want to display block 14 and 9 just like you have done in gadgets demo.
I added those to block but they display full width. What css effects did you apply?
I resolved the block 14 that showed full width but I can’t increase the space between to make block 14 look like this https://ibb.co/b4uwc6
Hi,
First the row has to be split into three columns, then place blocks 14 in each column (limited to one post)
– https://www.screencast.com/t/LzEUm1nqv7
Next add block 9 below in each column (limited to four posts or not)
– https://www.screencast.com/t/45rqPUb93
Now the demo design should provide the final addition
– https://www.screencast.com/t/VlP7njbzv
This is the code used, enter it in Theme panel->Custom CSS section
– https://pastebin.com/cTzkugrR
If you want to customize the the font properties for the module used on the blocks, you can do that in the theme panel. This is a list mentioning what modules each block uses
– https://forum.tagdiv.com/theme-blocks-modules/
– https://forum.tagdiv.com/font-customization/
Thanks
Since I don’t want both lazy loading and zooming effect front page. I have already disabled lazy loading and set fade & scale using this guide https://www.screencast.com/t/Mg9EEOfkvDUu
If you disable them both only one them will work, separately disabling just 1 of them, it works.
Also I have no other plugins but TagDiv Composer installed.
I would appreciate a lot if you gave me a css or java script code of either zooming effect or lazy loading to disable one them manually. Because both disabled they don’t work, only 1 of them works.
Hi,
Disabling the lazyload setting in the theme panel will remove the loading effect as you scroll down the page. It will not remove anything else. If you could maybe provide some more details about the issue, it would be helpful.
Thanks
Hi Simon,
As I said above.
1. I don’t want to enable lazy loading, I have disabled already this option in theme panel-> template settings.
2. But, I want to disable also the zooming effect big block front page when you hover the mouse over thumbnail the image will zoom, this can be disabled by selecting “Fade and Scale option”. and I have done this.
3. The problem is that if I turn of lazy loading, the “the fade and scale” option that turns off zooming effect does not work.
I can’t disable them both, that’s why I asked I you can help me with a css or java script code to turn off one of them manually. Because, the scale and fade option is part of the ‘turn of & turn on lazy loading’, if you turn of lazy loading, you can’t turn of fade and scale.
Did you read my last answer?
What I am trying to say is that you can’t disable both lazy loading and zooming effect using this guide https://www.screencast.com/t/Mg9EEOfkvDUu.
I am asking you to give me a piece of code to disable ONE of them manually?
Hi,
Leave the lazyload disabled, enter this code in Theme panel->Custom CSS
.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none;
}
This code should cancel the zoom effect when hovered, on a default big grid or full big grid.
Thanks
I writing you back without changing the topic.
I want to change post breadcrumb sign from “>” to “/”
To be more clear I have marked it in red, you can see it through this link https://ibb.co/hM9Szw
Thanks in advance.
Hi,
You could use a code like this for example
– https://www.screencast.com/t/wGO4PEwa
.td-crumb-container .td-icon-right:before {
content:'/';
}
Increase the size like this if needed
– https://www.screencast.com/t/31UJPAkP2
Thanks
New Topic Again
I am not able to target a css in front page, because when set author and date display:none; at the same time author and date from single post page is not anymore there.
How can I set only in front page author and date display:none;
These blocks, see the links in red. https://ibb.co/k8dsHG | https://ibb.co/nssV4w
Hi,
To remove those only for the homepage you could create a code like this, since the theme panel option will remove them on the whole website
– https://www.screencast.com/t/GK2hYyFB
The code will apply only for the homepage blocks
.home .td_block_3 .td-module-meta-info,
.home .td_block_14 .td-module-meta-info{
display: none;
}
Thanks
New Topic:
I am trying to disable roboto font, I checked td_config.php also td_fonts.php but I can’t find the file where it is roboto font enabled. Also I searched the entire newspaper folder theme and yet I can’t find it.
Also in td_confing.php I removed
'521' => array(
'300',
'400',
'400italic',
'500',
'500italic',
'700',
'900',
),
But in my website there are 3 roboto font request, I have disabled all roboto font in theme panel.
Can you give me a little help?
Hi,
The theme uses the Roboto and Open sans for various elements by default
– https://forum.tagdiv.com/font-customization/
The “521” is the Roboto font – https://www.screencast.com/t/yWwOooIx
If you were to remove them from the code in the location you mention they will not be loaded anymore, if that is what you want.
Thanks
There 3 roboto font fonts.gstatic.com/s/roboto/v18/ request on site, by removing the 521 line in td_confing.php only 1 request gets removed. How can I remove all 3 requests fonts.gstatic.com/s/roboto/v18/
Hi,
I have tried removing the font from the td_config file, this is before removing it when the fonts are loaded
– https://www.screencast.com/t/zWy2E5A90MTt
This is after removing the mentioned code
– https://www.screencast.com/t/kRRVKSR1tScp
– https://www.screencast.com/t/uiYtiQma
The Roboto font is not loaded anymore, unless manually set for a theme element in the theme panel, or called by a plugin that uses it.
Thanks
Hi Simon, Thanks for the reply. You have been very nice and I don’t want to bother you with many questions.
Even when I apply what you said,
When I right click and choose view page source roboto font is still there. Check this code
link rel='stylesheet' id='google-fonts-style-css' href='http://fonts.googleapis.com/css?family=Poppins%3A400%2C700%2C800%7COpen+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%2C800%7CRoboto%3A400%2C700%2C800&ver=8.5.1' type='text/css' media='all' />
I have made roboto in bold for you to notice it, and is still there.
Hi,
Please provide a link to your website so we can inspect it.
Thanks
Hi Simon, I was able to remove roboto font completely by going also to td_fonts.php and replacing Roboto – Roboto Condensed- Roboto Slab with a letter, deleteing the values would break the all the fonts.
One last thing, I have been trying to speed up my website by removing undesired font weights.
I don’t need font weight 700 & 800 in open sans, I went td_confing.php to remove some font weights, but still shows, check the link in bold.
http://fonts.googleapis.com/css?family=Poppins%3A400%2C700%2C800%7C<strong>Open+Sans</strong>%3A400%2C600%2C700%2C800%7CA%3A400%2C<strong>700%2C800</strong>&ver=8.5.1
Hi,
You could simply disable the font weights you do not plan to use, in the theme panel
– https://www.screencast.com/t/c8sPqM78OwK
Thanks
New Topic -> Custom Fonts, I thought to ask you first.
I have downloaded a copy of google fonts(Open Sans and Poppins) in order to reduce DNS lookups I want to upload them locally.
I saw in theme panel that there is a section “custom fonts” Is it possible to use google fonts locally and disable completely google font API?
Hi,
It would be possible if you modify it in the theme code. An option to completely remove the Google fonts is not available at the moment. Note that the theme will not load additional fonts, only the default fonts and user set fonts will be loaded.
To remove the Google call completely, there is a solution in this topic
– https://forum.tagdiv.com/topic/remove-google-fonts-2/
Custom fonts can be uploaded like this
– https://forum.tagdiv.com/font-customization/
Thanks
New Topic -> Dynamic css and js.
I use varnish in my server to cache files from memory, but, I have a problem, as I made a little bit of research on web I learned the why but not how to resolve it.
Behind every css and js file is see /ver= and after an the = sign there is a number always changing and this prevents varnish to cache it because it changes every time.
How can I disable dynamic css and js?
Here is a link to be more clear https://ibb.co/fxpnGm
