Hello OllieConnolly,
I have checked your website and below I gave you an example on how you can make to align your p content. Please try the code below and add it in Theme panel->Custom CSS area.
Please notice that this method works if you do not have any elements into your paragraph, besides text.
.td-post-content p {
padding-right: 100px;
}
The result you should see here -> http://screencast.com/t/IllewBTaKOZ
Hope this helps and let us know how it goes!
Thank you for the message!
Hello carmene,
If you want to align to left your text description you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.
.textwidget p {
text-align:left;
}
The result you should see here -> http://screencast.com/t/wsix81VwG
Hope this helps!
I have a request for you, Carmen. Please try to disable your plugin that does not allow me to inspect your page because it is very annoying for us and lose a lot of time until we find the problem with the item, or please send us an email at contact@tagdiv.com with your log-in information so we can inspect your page set up easily.
Thank you for your understanding!
Hi @ all 🙂
Just to inform the rest of the community:
My problem has been solved. With the help of a custom css tweak all ads are showing up right now as they should.
.td-a-rec-id-sidebar img{
width: auto;
}
The theme was not able to target the adcode in the correct way. But with this cute little css-snippet it works fine.
Best regards
Torsten
Salutare,
Sunt roman si eu precum colegii mei. Imi cer scuze daca nu am inteles din prima intrebarea. Am vizionat clipul tau dar nu am realizat ca problema apare doar in momentul in care este selectat un menu-item din partea de jos.
Este o problema de css care poate fi rezolvata prin intermediul unui z-index:
.sf-menu li:hover ul, .sf-menu li.sfHover ul{
z-index:1000!important
}
Poti adauga codul in theme panel -> custom css box
Am testat problema si la noi si se pare ca intr-adevar este un bug ce va fi rezolvat in urmatorul update.
O zi buna!
Hello,
You can use css to do it like so:
.sub-menu{
background-color:red!important
}
Thank you!
Hi
That is not an error,l it is an warning that the selector it’s a bit slower. You can replace the inprevious css with this one, which is more specific and the warning will disappear:
.td-pb-span8.td-main-content{
float: right;
}
Thanks!
Hello mayurt123,
Our Speed Booster plugin has been designed to work properly with some tested plugins, as you can see in this screenshot -> http://screencast.com/t/ojSRErqBEI8 Please note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow moving their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/
Hope this helps and let us know how it goes!
Thank you for the message!
I’ve made a banner for my site running the Newspaper theme, I have the right theme type selected which should use the built in css to scale my header down for maximum quality http://thereadoptional.com . As you can see it runs perfectly on Safari,Chrome,Opera and others without me touching any code.
The problem is that Firefox and IE do not scale my header and runs its native size, why is this? What do I need to add to stop this from happening which is delaying the release of the site. I’ve added this code which seems to have fixed the problem on Firefox
.td-md-is-firefox .td-header-sp-logo img {
width: 100% !important;
}
But I do not know how to fix the issue on Internet Explorer
Any help would be greatly appreciated
You can also try the updated beta checker here:
https://validator.w3.org/nu/
note the old checker has some issues with HTML5, modern markup, CSS3 using classes in certain ways, etc.
Hi Bogdan B.,
Thanks for your answer, but I want to hidden the footer and sidebar (right) ONLY in MOBILE VERSION.
If I use this http://screencast.com/t/KPxfIaGn, I’ll not show in every format.
Do you know te CSS code for this?
Hello,
I have checked your website and saw the icons. Unfortunately i cannot provide any solution for them as they come from a plugin not the theme. You will most likely need to edit their position with css or use another sharing plugin.
Thank you!
Hi,
You can use this custom css to do it:
.comment-respond #email, .comment-respond #url{
display:none!important;
}
Thanks.
Done moving the code but i get errors when i fix the custom CSS…This is a screenshot >>> http://www.screencast.com/t/KDLOBYnsvSdA
Hello xlies,
If you want to reduce that space, you have to decrease the margin-bottom of the block title container in the footer section. Please try the code below and add it in Theme panel->Custom CSS area.
.td-footer-wrapper .block-title {
margin-bottom:20px;
}
The result you should see here -> http://screencast.com/t/dCyaXqH5wm
Thank you for the message!
Hello,
I think you will not do much by removing a few styles you do not use from the css file. It’s a bit of an overkill for insignificant improvements. In order to reduce the size of the css, you will have to remove quite a big amount of code and in the process you will risk removing parts of it that may be needed on your website.
Thank you!
Hello,
There truly is no option in the theme to select each of these weights. You will have to add the font from the theme panel and add the weight in css. Please provide a link to your website so we can inspect this issue.
Thank you!
Hello,
I assume you use the category style 6. There is no option for this in the theme but you can do it with a bit of css. You will first need the category id so we can target just one cat. at a time. You can get the category id like so: http://screencast.com/t/c8iyl0MFKvos
Then you can use the id as a css class and add your background image via an URL like so:
.category-199 .td-category-title-holder{
background-image: url("http://i.huffpost.com/gen/2125210/images/o-EYES-facebook.jpg");
background-size: 100%;
background-position-y: -90px;
}
Result: http://screencast.com/t/JrCL5Y9fIT
If you want to use this method on another category simply change the category id and the image
I hope this helps.
Thank you!
Hello mayurt123,
The way Speed Booster improves site’s page speed it’s moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can loads the content faster. Please note that the plugin was intended for the advanced user, it requires modifications on the code to add new resources (js and CSS) which are moved to the bottom of the page and conflicts may appear because some plugins may cause issues when you try to move their resources at the page bottom. To avoid conflicts we decided to keep the Speed Booster active only for a limited number of plugins, which are tested and works fine even if their resources are moved at page bottom. Checking a plugin’s behavior when Speed Booster is active can be done by adding it on allowed plugins list: http://screencast.com/t/dCMffJFq
For more information about how to make the site faster, please consult our documentation here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ In this tutorial you can find some advice how to Remove render-blocking CSS/js – using the TagDiv SpeedBooster plugin but for advanced users.
Hope this helps!
Thank you for the message!
Hello,
It can be hidden with css but we will need more details than a picture. Please provide a link to your website so we can inspect it or specify what block you use on your homepage so we can provide the correct code.
Thank you!
Hi
First you need a new function for the title so add this code in td_module.php file: http://screencast.com/t/8AsaIEzmOy2 – http://pastebin.com/Nnkq77Ev
Then you have to edit the td_module_trending_now.php and call the new function like here: http://screencast.com/t/agJmXSmOJQ Also you will need this code in theme panel > custom code > custom css:
.td_block_trending_now .entry-title {
font-family: "Droid Serif";
transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
font-size: 12px;
font-weight: normal;
line-height: 19px;
color: #444444;
font-size: 12px;
font-weight: normal;
line-height: 19px;
color: #444444;
}
Let me know how it goes.
Thanks!
Sorry, one more question
I need to change the font of the subtitle to remove the italics, can you please provide the CSS code?
Thanks!
Hi,
Please use this css:
.td-category-description p{
margin-top:0!important;
}
Thanks!
Hi
This is the theme implementation foe the left sidebar, on mobile devices the sidebar will be displayed first then the post content. To change that implementation you have to edit the single template file corresponding with the post template used and move the indicated code like here: http://screencast.com/t/YirDzAiA5 Also you will need this css in theme panel > custom code > custom css:
.single .td-pb-row [class*="td-pb-span"]{
float: right;
}
Depending by the post template used you may need additional css customization.
Thanks!
Hello moor,
I have checked you website again and saw you have some personal customization which it could cause this issue. Please notice that we are not responsible for inadequate theme behaviour with your custom modification.
Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/cvn5H3YT
@media (max-width:767px){
.td_block_big_grid_7 .td-big-grid-post-0, .td_block_big_grid_7 .td-big-grid-post-1, .td_block_big_grid_7 .td-big-grid-post-2 {
float: none!important;
}
}
The result you should see here -> http://screencast.com/t/A7CJMpsgQI3q
Hope this helps!
Thank you for the message!
Hello,
As you can see our demo site also has errors when checked with the validator:
https://validator.w3.org/nu/?doc=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F
Almost all big themes have similar errors on W3C validator and this errors are not related especially to your website. The most common error as style inside div error appear, any custom css added in Theme Panel > Custom CSS will provide this error in w3c. You should ignore these errors, they are not important and will not affect your website in any way.
Thanks!