Hello,
If on a specific template it will not position properly, you can target each post style separately with css. Each post style has a unique class:
.single_template_11 is the one you seek. Use it like so:
.single_template_11 .td-module-meta-info{
display:etc.;
etc.
etc.
etc.
}
I hope this helps
Thank you!
Hello,
Actually you can hide it with css.
For the – on a post page:
.td-author-line{
display:none!important;
}
For the one on modules/blocks:
.td-post-author-name span{
display:none!important;
}
Thank you!
Hello,
Thank you for pointing this out. It is a css issue. Please use this code for a quick fix:
.td_category_template_6 .td-category-header{
z-index: 1!important;
}
I will pass this information on to the development team.
Thanks.
Hi
Try this css in theme panel > custom code > custom css to increase the font zise for the indcated page:
body.tag-nike-kobe-11{
font-size: 10px;
}
.tag-nike-kobe-11 .entry-content p{
font-size: 20px;
}
Thanks!
Hi,
The css code needs to be added in the them panel inside the custom css box: http://screencast.com/t/OLPY0x73
Thank you!
Hi
Unfortunately the theme does not have an option in this regard., you will need some custom css in order to achieve that. Please provide your site url so we can inspect and we will get back to you as soon as possible.
Thanks!
Thank you for the sooper sonic response.
Both the suggested solutions works – Adding custom CSS code or disabling lazy loading in theme settings & installing rocket lazy load.
Thanks for your quick help in resolving this issue.
-
This reply was modified 10 years by
nandakishorkn.
You have a strange line of CSS causing it
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post
img {opacity: 0;}
You can fix this by adding custom css of this
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post
img {opacity: 1 !important;}
Hello Bodgan,
Thanks for your prompt response.
I inserted the code below to css custom code, and it worked, except for Template 11. I am still testing the theme, and can live with the minor alignment issue for now.
.td-module-meta-info {
display:inline-flex;
}
.the-modified-date {
padding-left:5px;
padding-right:10px;
padding-top:2px;
}
Cheers,
Nik
Odd you can try something like this then.
<center>
<style type=”text/css”>
.adslot_1 { width: 300px; height: 250px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class=”adsbygoogle adslot_1″
style=”display:inline-block;”
data-ad-client=”ca-pub-xxxxx”
data-ad-slot=”xxxx”></ins>
<script data-cfasync=”true” async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</center>
Replace the x’s with the ad-slot and your pub ID. You can also set the size to anything u want like on mobile if u want a 320×100 you can set that
Hi guys,
I’m trying to remove the – from the author credit on articles. So instead of saying ‘By Author Name -‘ it will just say ‘By Author Name’.
Unfortunately said dash is text built into the code and no CSS trick I do seems to hide it. Was wondering which backend file do I need to edit to remove it as I can’t find which one I need to adjust.
Hello,
for the standard links i have chosen an accent color.
but i have an own hyperlink in the page content, set this to “h3” and now it is just black with an underline.
have i missed the option somewhere or can i type it in in custom css somehow?
thanks, have a nice weekend.
Jan
Thanks for your response. Can you tell me exactly where to place this CSS code? I’ve tried several different locations but either there is no effect or the thumbnails disappear from the homepage.
Thanks in advance for your help.
Mike
Hi Guys,
I’d like to have the author name appear on each post, but not in blocks around the website. Is there a way to do this with either the theme panel or some CSS code?
Thanks,
Dave
Hi
Thanks a lot, got the dropcap thing.
I now use the bold/box choice, but I find the capital letter being a little bit far from the text following the capital letter (right of the letter). Is it possible to do CSS changes to make the space half of the default value?
Hello,
Unfortunately there was a flawed update released that broke the mobile theme. We are sorry for the inconvenience. The correct theme version was re-uploaded so please update your theme again. The version of the theme is still 7.3 but the fix for the mobile theme is implemented.
The author will need a bit of a css fix so until the next theme version please use this CSS code in the mobile theme’s custom code box:
.td-post-author-name div { display:inline; }
Thank you and sorry for the inconvenience.
Hi,
The capital letter is a dropcap: https://www.youtube.com/watch?v=VIND8uYXMnk (mark 2:20)
As for the color, post elements grab the theme accent color: http://screencast.com/t/1nz7LA5CRss
The blockqopte color can be set separately from here: http://screencast.com/t/ChmofAOcHWC3
But the dropcap can be targeted with css if you want to change it’s color:
.dropcap{
color:#f49586!important;
}
You can add the code in the theme panel->custom css code
Thank you!
Hi,
You can read more about the mobile theme plugin here – https://forum.tagdiv.com/the-mobile-theme/ It comes with its own templates and it was not designed to work with Visual Composer so there are no blocks that could be used on mobile theme. Please note that it is an optional plugin and if you’d like the same content that you have on desktop, you can disable it.
If you load Swedish language from theme translation system, all the theme’s strings will be translated also on mobile devices, even if you use or not the Mobile Theme plugin – https://forum.tagdiv.com/loading-translations/ Or you can translate Latest Articles manually – https://forum.tagdiv.com/customize-a-translation/ – http://screencast.com/t/tkQytPCWlR3K I have checked this on my side an did not found any issues – http://screencast.com/t/VmsrmdXPLxy
I suggest to use the recommended size for mobile logo – http://screencast.com/t/amS1BHog4
However if you want to use it like it is know I will provide a css code to increase its size – http://screencast.com/t/l6Nj75et
@media(max-width: 767px) {
div.td-main-menu-logo img {
max-width: 186px;
}
}
Thanks!
Hello,
The post date is was not added by default to block 15. You can replicate it from another block though but you cannot add it very easy over the featured image. Here is an example of howit can be done:
http://screencast.com/t/YfM8Xhocu6
First you need to add this code:
<?php echo $this->get_date();?> in this file like so: http://screencast.com/t/gQ5B0iNCEnjP
Then you can use this css to decrease the font a bit as the default one is too big:
.td_module_mx4 .entry-date{
font-size:12px!important;
}
I hope this helps.
Thank you!
I am aware of this edit link and know it appears only to admin but in my case, it is appearing to every logged in users.
I am not so sure what causing this issue. It could be BuddyPress or bb press or no idea.
Hiding using CSS is not my preferable way. The element will always be there in HTML structure.
Is there anyway to remove it using child theme? Any hook or something?
HI
To achieve the desired result you need to edit the file corresponding with header style used and move the indicated code like here: http://screencast.com/t/DeYdseojd You will also need this css in theme panel > custom code > custom css: http://screencast.com/t/PQwVcDkE This was an example for header style 1.
.td-header-sp-rec {
float: none!important;
margin-left: auto;
margin-right: auto;
}
Let me know how it goes.
Thanks!
Hi,
If you use mobile theme plugins, you can hide it using custom css in Theme Panel > Mobile Theme > Custom Code – http://screencast.com/t/aaB2VgeCZR – http://screencast.com/t/isSndOvc
.td-footer-wrap .td-footer-logo{
display: none;
}
Hope this helps!
Hello,
Please also provide a link to your site so we can inspect the html structure and provide the proper css code. You will probably have to add in some div’s and classes to them in the code you altered so you can target them with css for positioning.
Maybe this will help: https://forum.tagdiv.com/topic/how-to-make-this/
Thank you!
Hello,
You can remove the footer on mobile using this css:
@media(max-width:767px){
.td-footer-wrapper{
display:none!important;
}}
The – code needs to be added in the mobile theme css spot as well, not just the desktop filed. The mobile theme requires it’s own css: http://screencast.com/t/QzdUJw8C
Thank you!
Hello,
The edit link is only available if you are an administrator. if your user role does not have the ability to edit the page, then the link will not show up. However if you want to remove it anyway, you can use this css code:
.td_block_big_grid_8 .td-admin-edit{
display:none!important;
}
You can add the code in the theme panel->custom css box
Thank you!