- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Xin chào,
Tôi đã tìm kiếm nhưng trong phần Theme Panel của tôi không có phần Code Css mà chỉ có Code HTML. Làm ơn giúp tôi.
Thank you
So, this is what I see locally on my Mac using three different browsers.
Chrome

Firefox

Safari

The only difference is that I never use Safari. It only saw the site after I enabled the new image. This tends to point to some stale CSS or object that’s been cached on the first two browsers which is getting re-served to them when they visit the site even after the browser caches are cleared. But I have no cache plugins.
Using Chrome Inspector shows that the sites which DON’T show that image have a td-header-sp-rec DIV of 728×0. Those which DO show that second image have a td-header-sp-rec DIV of 728×114.
-
This reply was modified 7 years by
stevemanes.
Hi Simon
That is indeed great news and thanks for taking the suggestion on board. The proposed guide will absolutely blow open the creative possibilities, particularly for those who don’t have the coding skills to dig deep into the php and CSS to write new code from scratch.
Also, great news about the Child theme. I am running 9.7.2 so I presume the child theme will work with this, save the few quirks you mentioned.
Best
G
Hi,
Use the code below and place it in Theme panel -> Custom CSS area.
.widget_text .block-title > a, .block-title > span{
background-color:#006600;
}
The result is here -> https://www.screencast.com/t/dwtfRO7NY
Thank you!
Hi,
Unfortunately there is no settings in theme for this and this is not very easy to achieve, but I will try to help you, please try this custom css
.td_block_big_grid_1 .td-post-date, .td_block_3 .td-post-date {
overflow-x: hidden;
line-height: 1.4;
text-indent: -74px;
}
Hope this will help you!
Thank you!
Hello !
In order to change the font height between you popular category you will have to edit it using the tagDiv Composer and set the value as you can see here: https://www.screencast.com/t/r1EqrvYRve9
Also for the Next-Prev buttons please add this CSS code here:https://www.screencast.com/t/J1Nxw5s5
.td-next-prev-wrap a {
margin-right: 17px;
}
This should fix your issue !
Thank you !
Hi,
All the post content is inside a general container, this container will set a padding for it, like this – https://www.screencast.com/t/k961Db0A
Removing that padding would make the images be edge to edge, but so will the the rest of the content, which won’t look nice. Some CSS could be used, like removing the whole padding, then applying it for everything but the images.
But this means that all the elements used inside the post content have to be taken into account (paragraphs, lists, maybe divs, all the headings etc). I could create a code for it if you should consider this. let me know.
Thanks
Thank you very much Calin, yes, I’d appreciate your help on css. Basically, I’m using the newspaper default demo and build my site by replacing my content on it, I’ve set set the width of my pages to stretch row 1400x content, I like to set the default category template and page template to the same width.
I’ve read your recommended post
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I have limited css experience, but if you could help me with an example of css modification for a category or page template width, I think I could figure out duplicate the rest.
Thanks!
Hi,
You can remove the “Loading..” in two ways, the first one is using a custom css
#src_load{
display: none;
}
that need to be set in Theme Panel>Mobile Theme> Custom code> Css -> http://prntscr.com/oit0du
Or you can comment/remove the code from theme core wp-content/plugins/td-composer/mobile/header-amp.php -> http://prntscr.com/oit3oo
Hope this will help you!
Thank you!
Hi all, please, I try to change the black color of the backgroud title in the widget with: .sidebar-widget-title {background:#006600;} but not works. please, could you tell me how write in the aditional CSS of the theme to change the color of this widget title? thanks very much. https://www.revistaiberica.com/destinos-para-tu-luna-de-miel/ last version of wordpress
I mean the widget that NOT own to theme. I try also with
.widget .widget-title, .widget .widgettitle { background-color: #006600; }
but nothing also.
thanks very much
Hello,
I noticed even with the CSS code above you gave me, the gallery slider shows up black on Mobile. How can we fix this so its white on desktop, tablet and mobile?
It is all disabled, as in the screenshots.
These are the sources I want to upload:
https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed:400,700|Varela+Round&display=swap
I have a WP google map on my home page. it uses shorcode pasted into the page text editor.
How do i remove the white gap between the header and the map? I get that if it was something added from TagDiv i could go to the CSS and put margin at -80 but i can’t do that in this case.
any help would be greatly appreciated thank you
Hi @magnustheender,
In order to change the background image from the header template 36, you’ll need to click on the row and check the css tab -> http://prntscr.com/oifusn also the logo text
can be found -> http://prntscr.com/oifvwj
Hi @middaysun,
Please check this topic -> https://forum.tagdiv.com/topic/hidden-newpaper-9-purple-hue-transition-header/
Thank you for your understanding!
nel css aggiuntivo c’è questo:
.td-pulldown-size {
background-color: #1E73BE !important;
}
.td-post-author-name{
display: none !important;
}
.td-cur-simple-item { background-color: #1E73BE !important;
}
.td-related-title {
border-color: #1E83BE !important;
}
.td-post-category {
background-color: #1E73BE !important;
}
.block-title a {
background-color: #1E73BE !important;
}
.block-title {
border-color: #1E73BE !important;
}
Hi,
This can be achieve only using css like this one
http://prntscr.com/oibw8k
.td_block_big_grid_1 .td-post-date, .td_block_3 .td-post-date {
display: none
}
The code need to be set in theme panel > Custom code> Custom css.
Hope this will help you to achieve what you need.
Thank you!
Hi CRiTiCAL,
Please try this custom css to remove the date from the mobile homepage ( and all blocks that have the homepage module )
-> http://prntscr.com/oiaojv
.td_module_mob_1 .td-post-date{
display: none;
}
The code need to be set in the mobile theme -> https://www.screencast.com/t/0IE0OfH6Z1Fd also please clear all cache after you set this code.
Hope this will help you!
Thank you!
Hi,
This is happen because you are using on some pages the responsive version of the theme and on the rest of theme the mobile theme, so on a part of menu ( from category for example ) will be apply the front from mobile theme css -> http://prntscr.com/oi9ro0 and on the rest of them will apply the font from desktop -> http://prntscr.com/oi9s95
Hope this will help you!
Thanks.
Hi, team tagDiv.
I am using the mobile theme and have enabled the mobile + amp. Just to let you know my configuration.
I’ve commented the code in the td-ajax file responsible for the live search. Now the live search has been disabled but only on desktop. The mobile version is still having the live search enabled. Is there a different css for the mobile version that has specific live search code. If so, then please let me know so that I can comment it as well.
Thanks.
Hello! Good day.
Sorry for my English and they do not understand me, I am writing from Argentina (Spanish).
I’m finishing my project with its theme and it’s fantastic.
I am using Google Cloud Platform, on a web server, Debian, OpenLiteSpeed (not apache) and LiteSpeed cahce plugin in WordPress.
PageSpeed Insights:
98% Mobile
99% Desktop
PingDom Tools (ping from Brazil, where is the server):
Load time 392 ms
Requests 55 (point where I need help)
The theme makes 15 requests to Google Fonts (155 ms total) called fonts that I do not need.
Use Varela Round, Roboto Condensed and Open Sans. But not in all those versions.
How do I modify this?
What theme file is in? functions.php?
From already thank you very much!
I’m back on this problem. In Chrome’s Inspector, the block is there. It’s just not visible.
<div class="td-header-ad-wrap td-ad-m td-ad-tp td-ad-p">
<div class="td-a-rec td-a-rec-id-header td_uid_1_5d34c16c4662e_rand td_block_template_1"><span class="td-adspot-title">TEST </span>
<div class="td-all-devices">

</div>
</div>
</div>
The image URL is good so this points to a possible CSS issue with block visibility.
Hello Simion,
I am making progress with my sidebar, thank you.
But I am still having a problem with my footer. I have attempted to edit the demo_style.css file. I just simply deleted the lines of code that you highlighted in the file. Was this what I was supposed to do?
I still seem to have a background color that is overwriting my settings in the Theme Panel.
This is not really a concern for the header and main body of my site, but it is impacting the color of my footer.
If you take a look at https://famcraz.com again, you will see what I am talking about.
I appreciate your help thus far!
Dave
-
This reply was modified 7 years by
dfennell.
Error message: “Il pacchetto non può essere installato. Nel tema manca il foglio di stile style.css”
How can I do to install the theme?
There are a few cases when there could be such errors. The most common one is happening due to the Facebook pixel code or plugin – https://forum.tagdiv.com/topic/amp-errors-6/
It can also be caused by optimization plugins, as in this case
– https://forum.tagdiv.com/topic/fix-for-autoptimize-aggregate-css-files-breaking-amp/
Hi,
Is possible that you have some inline css on the shortcode that set, and this css set the width 100% on the page, please provide me a link where I can inspect this problem, in this way I will be able to provide you wan working answer.
Thank you for your understanding!