- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Okay now, plugin author fixed the problem with a simple exclude rule. If anyone experience same problem, here is the solution:
Go to WP Fastest Cache settings, then click to “Exclude” tab, go bottom and “Add New Rule” from Exclude JS section, paste “js_files_for_live_css.min.js” to textbox and save. Then go to “Delete Cache” tab, click “Delete Cache and Minified CSS/JS”
Done!
Salut Bogdan,
- Am adăugat codul, dar nu apar reclamele nici acum. Menționez că l-am adăugat în Theme Panel>Custom Code>Custom Css.
- Greșeala mea. Am pus Block Title și apare așa cum vreau ☺️
- Am înțeles! Mulțumesc!
- Am înțeles! Mulțumesc!
- Am înțeles! Mulțumesc!
- Am adăugat codul; apare și nu sunt probleme. Mulțumesc!
- Nu mă refeream la traducere, ci la posibilitatea de a modifica aspectul textului (ca și cum ar fi un block title, de exemplu). Se poate face așa ceva?
- Am înțeles! Mulțumesc!
- Am trimis mesaj pe e-mail
- Idem (scuze, mă refeream la tagDIV Composer, Visual Composer l-am șters de când am actualizat tema)
Mulțumesc!
Hello may i have know if there is any CSS Documentation for the theme? Also my second question is, what framkework Newspaper V8 use (for example bootstarp?)
Hey Simion,
Thanks for the quick response!
It turned out that the css file was not imported correctly the last time. The site was probably mistakenly working due to the css being cached. So when a periodic purge came along, the site “suddenly” stopped working.
Thank you for the confirmation!
That is correct. These social sharing icons are from JetPack. Jetpack is used by many users. Here is how to make the JetPack sharing icons look nice and neat with this theme.You can add whatever buttons or social media sharing you use, change colors etc.
Instead of looking like above they will not look like this —
Place Code in – Appearance/Edit CSS
/* JetPack Social Buttons */
div.sharedaddy div.sd-block {
border-top: 1px solid rgba(0,0,0,0.13);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0,0,0,0.13);
padding: 0;
}
.single-format-quote div.sharedaddy div.sd-block {
display: none;
}
div.sharedaddy .sd-content {
float: left;
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 10px;
}
div.sharedaddy a.sd-button {
border: none !important;
box-shadow: none;
}
.sd-social-icon-text a.sd-button > span, a.sd-button > span {
opacity: 1;
padding: 4px 10px;
padding: .4rem 1rem;
}
li.share-facebook a.sd-button > span,
li.share-google-plus-1 a.sd-button > span,
li.share-tumblr a.sd-button > span,
li.share-pinterest a.sd-button > span,
li.share-twitter a.sd-button > span,
li.share-pocket a.sd-button > span {
border: none;
color: #fff;
font-family: ‘verdana’, arial;
font-size: 6px;
font-size: .6rem;
font-weight: 300;
letter-spacing: 0;
text-transform: uppercase;
}
li.share-facebook a.sd-button > span {
background: #4965a0;
}
li.share-facebook a.sd-button:hover > span {
background: #1e73be;
}
li.share-twitter a.sd-button > span {
background: #55ACEE;
}
li.share-twitter a.sd-button:hover > span {
background: #1e73be;
}
li.share-google-plus-1 a.sd-button > span {
background: #dd4b39;
}
li.share-google-plus-1 a.sd-button:hover > span {
background: #1e73be;
}
li.share-tumblr a.sd-button > span {
background: #35465D;
}
li.share-tumblr a.sd-button:hover > span {
background: #1e73be;
}
li.share-pocket a.sd-button > span {
background: #F15367;
}
li.share-pocket a.sd-button:hover > span {
background: #1e73be
}
li.share-pinterest a.sd-button > span {
background: #D5222A;
}
li.share-pinterest a.sd-button:hover > span {
background: #1e73be;
}
.sd-content .sd-button span.share-count {
color: #fff !important;
font-size: 100% !important;
}
.sd-button span.share-count { /* Disable Counters */
display: none;
}
div.sharedaddy h3 {
font-size: 20px !important;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
}
Thank you, both of those fixes (the CSS) and deactivating the plugin worked for me.
Appreciate the help.
Hi,
That is a weird problem. I don’t know how the style file content could simply disappear. I have inspected your website and the theme stylesheet is empty. You could copy the style.css file from the theme package you downloaded, and replace the one in the main theme folder.
Or do a theme re-install using this method
– https://forum.tagdiv.com/install-via-ftp/
Thanks
I tried all style 1-7 and the problem still there.
I had disabled all JS / CSS minify, clear all custom CSS but no luck
Environment Statuses
Home URL https://www.enterpr1se.info
Site URL https://www.enterpr1se.info
WordPress Version 4.7.5
PHP Version 7.0.19-1+deb.sury.org~xenial+2
WP Memory Limit 512M
Buna,
1) Article bottom ad are display:none pe mobile ca setare default: https://www.screencast.com/t/thTtGZuU
Poti reactiva acest ad cu urmatorul cod css:
@media (max-width: 1018px) and (min-width: 768px){
.td-visible-phone {
display: block!important;
}
2)Acest lucru se intampla deoarece folosesti un block text with title. Acest element are nevoie de continut. Mesajul poate fi sters de aici: https://www.screencast.com/t/hAfE0Khbtp
3) Prin builder-ul nostru nu am incercat sa copiem visual composer si de aceea anumite elemente nu se vor regasi ca de exemplu, tab-uri, acorioane sau alte galerii si grid-uri specifice de visual composer. In viitor vom adauga propriile noastre elemente.
4) Modificarea elementelor predefinite din footer nu este posibila dar este posibila eliminarea lor si inlocuirea lor cu alte elemente. https://forum.tagdiv.com/footer-templates/
5) Depinde de cod. Daca codul este un css, atunci cel mai probabil o sa mearga. Daca sunt modificari in fisierele temei, atunci acestea vor trebui adaptate la noul cod daca este cazul.
6) “Ultimele articole” este un element predefinit ce vine din template-ul paginii: https://forum.tagdiv.com/page-templates-2/
Textul se poate traduce din sectiunea de translations din theme panel
7)Daca folosesti tema mobila, ea nu foloseste nici visual composer nici tagdvi composer. Aces aspect este prezentat aici: https://forum.tagdiv.com/the-mobile-theme/
8) Spatierea functioneaza fara probleme pe toate platfoirmele noastre de test: https://www.screencast.com/t/8ZKDDZXr – https://www.screencast.com/t/aZCiC9B4Xt4
9) Nu recomandam editarea continutuilui cu ambele builder-e. Probabil te refereai la tagdiv composer, nu la visual . Daca nu, ar fi bine ca o pagina sa foloseasca un singur builder. Aceasta optiune functioneaza fara probleme pe toate platformele noastre: https://www.screencast.com/t/Eqg6Zpb9
Pentru cele 2 probleme referitoare la spatierea pe text with title si culorile pe news ticker te rugam sa ne contactezi pe email la contact@tagdiv.com si sa ne oferi un link, username si parola sa putem sa investigam problema direct pe site.
Multumim
Hi,
I am having trouble recreating the paragraph problem. Please enter the code provided below in Theme panel->Custom Css
.td-post-content p {
margin-bottom: 26px!important;
}
– https://www.screencast.com/t/91go4ji2qi
That flashing issue happens because the demo style is applied after the initial loading of the default theme style. If you are using the speed booster plugin this can be more visible. Some solutions are provided in this topic
– https://forum.tagdiv.com/topic/theme-rendering-to-default-first-a-second-until-resolving-to-theme-panel-colors/
Thanks
Hi,
I was working on my website, and everything was great, but suddenly the css went missing from the website.
I compared the sources from Developer Tools > Sources from my website and from the demo website and here is the difference:
The website is smelaunch.com
I am using the Say What? theme and demo on Newspaper.
Also, when i clicked on the css on the first image, its empty, unlike this:
Once I copy this CSS into my website (via Developer Tools), the website is mostly fixed.
I have also deactivated all plugins, to no avail.
Hi,
Each post template has it’s own predefined style for the design and the featured image. You can try post template style 7, it is similar to what you are describing
– https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
You could even use some css code to customize the featured image size that is displayed.
Thanks
Hello Douglas,
If you do not want to use the stars symbols on modules/blocks you should use a bit of CSS code to hide them If you want a more accurate code, you should provide your website URL so I can take a closer look at it.
Thanks for the message!
Hello Andy,
Pages have a padding-top by default which can be removed using this code:
.td-main-page-wrap{
padding-top:0;
}
You can add the code in the theme panel-> custom css box.
Thanks
Hello,
If you want to use a different photo on each category you should use the category style 5 and use a different background image on each category: https://demo.tagdiv.com/newsmag/category/template-style-5/
As for the category description, please provide an example on how to style it as it can be done using css.
Thank you!
Yes, i already solve it..
There row for the footer content need to be default, can’t strech container/content.
Because the footer layout container is fixed.
Something i found:
I don’t know is it a bug or not, there’s a css class td-bp-span2 that always make my element below 796px width:100%, so 1 column = 1 row..i want to force the responsive, so below 796px i can make 1 row = 4 column whatever happen..So i alter the css in td-bp-span2 width to: 33.33333333%
Hi I managed to fix point 2 from css.
Regarding point 1 I tried to do Regenerate thumbnails but nothing happens. Look at the detail of the Post the image has a different dimension and you see well: http://www.degreesoflatitude.com/the-editor/because-we-share-the-same-world-welcome-to-degrees-of -latitude /.
You can see the category here: http://www.degreesoflatitude.com/category/the-editor/
Instead, in the home of the category is much more magnified and you see it all cut. How do you do it? I tried to regenerate but it did not go. Why is this difference between category and detail?
Thanks
Thank you. I found a solution. Inserted into the page (full side, for example) iframe code in a Google map:
<div class=”google-maps”>
<iframe src=”YOUR-GOOGLE-MAP” width=”1068″ height=”480″>
</div>
And in the “Live CSS Editor” of this page insert this code:
<style>
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
</style>
Hi, Catalin –
Thanks for your note. Some of the new single-product features do not appear to work correctly. There is also a legacy problem with the 2 tagdiv WooCommerce templates that do not display properly if you have a background color or image. (There is a missing CSS class!)
I reported this a while ago and it still isn’t fixed!
:0)
Perchpole
Hello mhedinz,
You should use the code below and place it in Theme panel->Custom CSS area.
.td-main-page-wrap{
padding-top:15px;
}
Thanks.
Absolutely poorly. I’ll definitely stay with the previous version. All my items (posts) only loads:
- 1 script for fonts
- 1 CSS style
- 1 script JS
… and we have definitely noticed an awful results because we dont need VC for posts.
Possibly your development colleagues can provide a solution for the new version.
Is a news theme and the posts have to be extremely optimized. For those who only play with theme, does not matter to much but for those who use it seriously, it is a primordial step.
Hi,
Depending on the demo you have installed, the theme can change all the colors at once or just the exterior of the site.
The default functionality is the exterior of the site being changed by this option: https://www.screencast.com/t/7wDxR1Dse5
The interior cannot be changed from the theme panel but there are theme demos that change this functionality like the old fashioned demo which changes the interior of the containers as well: https://demo.tagdiv.com/newspaper_old_fashioned/
If you do not use this demo then yopu will be able to change the exterior using the theme panel option mentioned above and then use a custom css to change the ‘interior’ color like so:
.td-main-content-wrap, .post{
background-color:lightgrey!important;
}
Thank you!
Hi,
It may not be easy yes. We have not made any tests in this matter. Like I mentioned you can try to adapt the previous solution for Visual composer if you want to achieve something like that, I have no quick solution to give you.
– https://forum.tagdiv.com/topic/how-to-deregister-js_composer-css-and-javascript-file-on-single-posts/
Thanks
Hi Chris,
version 8 add this new js and css see in gmetrix…
wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css
/wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/ext-language_tools.js
/wp-content/plugins/td-composer/assets/js/js_files_for_live_css.min.js
/wp-content/plugins/td-composer/assets/js/js_files_for_plugin_live_css.min.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/mode-less.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/snippets/text.js
/wp-content/plugins/td-composer/css-live/assets/external/ace/snippets/less.js
DO You have found the way to remove them?
Thanks
Hello,
The new big grid full blocks do not have font options yet. We plan to add them in the future but until such time you can use a bit of css to change the font sizes.
.td_block_big_grid_fl_4 .td-module-title a, .td_block_big_grid_fl_8 .td-module-title a{
font-size:25px;
}
The images however cannot be adjusted as the thumbnails and css are created for this specific dimension. The blocks in our grid are not editable in width and height. They are predefined in size. Different blocks have different sizes and aspect ratios.
Thank you!
