How I can set H2 headings size at 0px in my website’s posts, using Custom CSS.
Cum optin si eu scor mai bun?
https://gtmetrix.com/reports/sociedelic.com/vZqktMEO
The following images are resized in HTML or CSS. Serving scaled images could save 540.2KiB (94% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/16906639_1370879532986571_9131542814272782336_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 95.8KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e35/16789382_1711132202510364_4965939851623923712_n.jpg is resized in HTML or CSS from 605×605 to 128×128. Serving a scaled image could save 69.9KiB (95% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/16789498_1414237918607625_7525904522279911424_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 65.6KiB (96% reduction).
https://www.sociedelic.com/wp-content/uploads/2017/02/Sociedelic-LOGO-footer-2017-min.png is resized in HTML or CSS from 800×544 to 215×146. Serving a scaled image could save 64.0KiB (92% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/16789090_1869281793342242_8975765922404892672_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 63.3KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e35/c77.0.566.566/16908411_639416779583264_5500324845142933504_n.jpg is resized in HTML or CSS from 566×566 to 128×128. Serving a scaled image could save 60.9KiB (94% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/c0.89.750.750/16789181_1080304302096931_3221435023454371840_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 50.8KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/c29.0.1021.1021/16906615_273303179757629_1931952954907033600_n.jpg is resized in HTML or CSS from 640×640 to 128×128. Serving a scaled image could save 46.3KiB (96% reduction).
https://scontent.cdninstagram.com/t51.2885-15/e35/c83.0.334.334/17076464_264945587289713_2719132048362045440_n.jpg is resized in HTML or CSS from 334×334 to 128×128. Serving a scaled image could save 23.6KiB (85% reduction).
Ba da, este ceva cauzat de tema, sau daca nu de explorer, habar nu am dar am testat si am vazut diferente considerabile.
Mai exact am gasit aceasta informatie aici la postul lui fderooy (#149078) :https://forum.tagdiv.com/topic/logo-sizeresolution-and-top-bar-bottom-border/#post-149078
Merge bine, doar ca se aplica doar la homepage, si am mai incercat si o alta varianta tot pe aici gasita care merge pe tot site-ul dar atunci cand se reincarca pagina apare mare pentru o fractiune de secunda iar apoi revine la cat la suta i-am zis eu din CSS.
Am incercat si cu logo facut la rezolutie mare peste 1mb si degeaba, tot se vede prost, iar varianta modificata din CSS cu .td-logo la 55% sau orice alt numar chiar da rezultate foarte bune doar ca v-am zis defectul, sa nu mai zic ca se vedea super sharp cu un logo optimizat pe Optimzilla si avea doar 49kb.
Hello,
Unfortunately the theme has no such option. You will have to alter the theme code and css to make it show up in the left side of the title. You will have to modify this file: https://www.screencast.com/t/O8cY39DwWBh and move the code for the date above the title and then use css for positioning and styling.
Thank you!
Hi
We had to manually add the following CSS to fix it. We added it into the Custom CSS panel.
.td_social_type {
position: relative;
border-radius: 3px;
height: 32px;
margin-bottom: 10px;
}
.td_social_facebook {
background-color: #516eab;
}
.td_social_googleplus {
background-color: #eb4026;
}
.td_social_twitter {
background-color: #29c5f6;
}
.td_social_type div {
display: inline-block;
}
.td_social_type:hover {
background-color: #222;
transition: all 0.2s ease;
}
Any reason why this would have happened?
Hi,
Thank you for your appreciation. If you mean the title in the category page – https://www.screencast.com/t/sSZBRVXYHRK you could change it with with some css like in the screenshot, for all the category page titles. Here is a tutorial about how to use your browser inspector and identify the elements on the page and their classes, in order to create custom code and easily change their color for example – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ This is the code I used in the example
.category .td-page-title {
color: blue;
}
Thanks
You have it hidden with css. Please check your theme panel-> custom code and remove the code that hides the dates on block 9 : .td_block_9 .td-post-date
here is how it will show once you enable the date: https://www.screencast.com/t/ErPg03mp5FS
Thank you!
1. Ok, I can live with that.
2. Do I have to make these height-changes with custom css code?
Thanks
Hi,
Okay I get it, that I cannot show Link ads through theme’s ads panel.
I got one more thing, I want to ask i.e., Whenever I try to use W3 Total Cache with NewsPaper theme and choose the option to load Javascript Asynchronously, I noticed that the theme stop showing images. Also, if I use the TagDiv Mobile theme with W3 Total Cache, the mobile theme start showing on browser sometimes and the desktop theme on mobile platforms.
I tried to fix this issue by choosing the defer Javascript option of the w3 Total Cache, but still the issue of images not showing up and wrong theme for different platforms loads up.
Then I decided to delete the mobile theme and to do that again, but the image issue was still there.
Right now, I am not using any Caching plugin and any other plugin or code to load javascript asynchronously/ defer.
I noticed some warnings when I ran Google Pagespeed Insights and would like to learn some tips to fix these warnings.
I know I can also use WP Super Cache, but it is not that efficient and don’t have that many features as compared to W3 Total Cache.
If you are about to run a Google Pagespeed Insights, then please check the render blocking javascript and css for the desktop and ignore for the mobile platform as I am using mobile theme which is preoptimized.
Thanks!
Hello beermoney,
You should try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-boxed-layout #td-outer-wrap {
overflow: visible!important;
}
The result is here -> https://www.screencast.com/t/iSaZP6PkKsXw
Thanks for your understanding!
Hello,
If you want to disable the footer of the mobile theme you can add this code in the mobile theme custom css section:
.td-mobile-footer-wrap{
display:none;
}
For the H1 tags I assume you are referring to the post titles:
.td-post-title .entry-title{
font-size: 25px;
text-align:center;
}
}
also aligned center.
The h2:
.td-post-content h2{
font-size:25px;
}
center the views and comment count:
.td-post-title .td-module-meta-info{
display: table;
margin-left: auto;
margin-right: auto;
}
Sorry but the menu cannot be moved or made a dropdown.
Thank you!
Hello dobryidesign,
Below, I gave you a code which is applied to your first Big Grid at your homepage which is Big Grid Style 4. Try the code below and place it in Theme panel->Custom CSS area.
.td-grid-style-4 .td-module-thumb a:last-child:before{
display:none!important;
}
@media (min-width: 1025px){
.td-grid-style-4.td-hover-1 .td-module-thumb:before {
display:none!important;
}
}
The code is -> https://www.screencast.com/t/ZCrV0W6KQp
Thanks for your understanding!
Hi John5246,
I just upload the logo with a bigger pixel. Width = 455px and Height = 90px.
No custom css required.
System status: https://www.dropbox.com/s/ar649shurn88k6y/system-status.png?dl=0
Custom CSS for fixing menu width: https://www.dropbox.com/s/ukqx0505k0v9c54/custom-css.png?dl=0
console: https://www.dropbox.com/s/b1jqyhu8ansla7n/console.png?dl=0
As far as I have diagnose, there is an issue with z-index. while the console is open, the slider appears. Please take a look and let me know if you need admin panel access to troubleshoot.
Thanks,
Vishal
I put this code .td-grid-style-5 .td-module-thumb a:last-child:before{ to custom.css but it not works.(
display:none!important;
}
I try alternative variant and copy these from style.css .td-grid-style-5 .td-module-thumb a:last-child:before { and change to these at custom css:
content: '';
width: 100%;
height: 100%;
position: absolute;
background: #000;
z-index: 1;
opacity: 0.7;
top: 0;
}.td-grid-style-5 .td-module-thumb a:last-child:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: #000;
z-index: 1;
opacity: 0.2!important;
top: 0;
But both variant is not work.
Hello,
How do you change the woocommerce buy now button color for both mobile and PC?
I’ve been looking around the css and “think” it has something to do with woocommerce buttons but not to sure.
Thank you.
Hello dobryidesign,
You should try using the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-grid-style-5 .td-module-thumb a:last-child:before{
display:none!important;
}
The result is here -> https://www.screencast.com/t/UBsxouOlT
Thanks for the message!
If you provide a link to your site I could give it a shot with css.
Thanks.
Hello,
You can make the main menu full width using this code:
.td-header-main-menu{
width:100%!important;
}
The header style that you use will not center the menu though so it will move to the left of the screen
Add the code in the theme panel->custom css code.
Thank you!
Hello,
Thank you for your appreciation.
1. The top menu was never meant to show up on mobile. You can force it to show up with a bit of css but the code is different for each case in particular.
I already see the top bar on mobile here though: http://warrimarket.com/
2. Our theme does not support sliding ads or rotating ads. You will have to use a plugin for it.
3. The top menu color can be changed from the theme panel-> theme colors section no matter the header style: https://www.screencast.com/t/5q38TmWSW
4. You can reduce the main menu height by reducing the linbe height of the font used on the main menu like so:
https://www.screencast.com/t/MGTDGNdoAz
5. I’m not sure what sidebar article you are referring to. please provide more details.
Thanks.
Hello Stellone,
It seems that your style.css is not applied on your website. Most likely, This happens due to a bad theme installation. To be safe, please try to make a full backup to your database and make a fresh install from scratch via FTP way because this is the surest method in this regard. For more information about FTP method, please consult here -> https://forum.tagdiv.com/install-via-ftp/ Also, for more information about import/export data from theme panel, consult our guide here -> https://forum.tagdiv.com/import-export-theme-settings/
Hope this helps!
Thanks for your understanding!
Hello,
The scroll up is disabled for mobile devices using css. You can enable it by using this code in the theme panel->custom css box:
@media (max-width: 767px){
.td-scroll-up {
display: block!important;
}
}
Thank you!
Good day.
Kindly see chat below which I had with support at MAXCDN.
TO summarise:
“Hi Etienne, I’ve used CDN rewrite for CDN integration, however, when I initially configured the issue was still there
but, i tried to exclude all css files from it and it appears that it is working now
so it’s definitely some of the core theme css files that is conflicting with CDN URL’s (external URL’s)
I am not sure which one since this requires further debugging by testing every css file on your theme when CDN is enabled
if you don’t mind, you can contact your theme devloper about this
but note that CDN is still enabled and all other files including js and images are being served from the CDN”
Kind regards, Etienne
Original chat:
Etienne:
Good day.
We have updated our theme files: https://themeforest.net/item/newsmag-news-magazine-newspaper/9512331
We have updated here on our staging site. You can see the nav issues at the top as well as the padding issues in the body: http://staging.adworld.ie/
username:adwrld
passw:adwrld
Current live site to use for comparison. This is still running old theme files and works fine: http://www.adworld.ie/
We have determined that this issue only happens when we enable the CDN > MAXCDN option on the W3 total cache plugin. When we disable it it works fine. We have tried to enable it and clearing all caches to no avail.
So in short – W3 total cache with CDN enabled breaks our site with our new theme files – it was fine with the old files.
Have you come across an issue like this before?
Kind regards;
Etienne
Ivan:
Hi Etienne and thanks for reaching out. Are you by any chance using minify or some other sort of backend caching on your origin? From what I can see there are no errors on CDN files themselves, but the theme has some issues with its styles, so I would recommend disabling all caching/minify options in W3TC and leaving CDN option enabled only.
Let me know if this works for you.
Ivan
Etienne:
Hi – thank you – gonna try that now
Hi there – I had a look and already the minify option is disabled on W3TC. The tick box is not ticked. Very strange. The only option that makes the theme files work correctly is if I disable cdn. Would you perhaps want to have a look in my wp backend?
Ivan:
Sure, that would be great if you could provide me with access credentials
great – thanks
http://staging.adworld.ie/wp-admin
Ivan:
Do I have your permission to temporary disable W3TC and try with some other plugin instead?
it will be just for debugging purposes
Etienne:
hi – sure – no problem
I do have a backup of the files etc.
As long as it’s for debug – unfortunately we do require this plugin as you know
Thank you
Ivan:
Hi Etienne, I’ve used CDN rewrite for CDN integration, however, when I initially configured the issue was still there
but, i tried to exclude all css files from it and it appears that it is working now
so it’s definitely some of the core theme css files that is conflicting with CDN URL’s (external URL’s)
I am not sure which one since this requires further debugging by testing every css file on your theme when CDN is enabled
if you don’t mind, you can contact your theme devloper about this
but note that CDN is still enabled and all other files including js and images are being served from the CDN
Etienne:
Hi Ivan
Thank you kindly for your feedback – I will contact them with this new information.
Hi,
How can i set style on css like as in picture, but only for sidebar… If i change from block headers style it will effect all of the site but i need to change only for sidebar… Thank You! :))
Hello,
Sorry but unfortunately css cannot do that. The needed modification will not be simple to make. We suggest hiring a developer to help out on this task as there is no simple code for it we can provide via the theme support.
Thank you!