- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hi
I got that problem that tagDIV-Composer and tagDIV-AMP suddenly automatic are deactivated. It happens one or twice a day, and f***s our frontpage up. All on our site are uptodate.
Hello, I added a new menue tab, but it has a different color, how can I change that?
So it has the same color like the other menue tabs?
Picture: http://prntscr.com/mkm5zn
On mobile it has also an other color: http://prntscr.com/mkm3w6
Website: https://champlife.de/
$buffy .= ‘ – ‘. human_time_diff( get_the_time(‘U’, $this->post->ID), current_time(‘timestamp’) ) . ‘ ago’;
1. Your code above is showing wrong time. All my posts are appearing to have been published ‘3 months ago’.
I would also like the time ago to revert to normal dates after 7 days.
2.<?php echo ( get_the_time(‘U’, $this->post->ID) > strtotime( “7 days ago” ))? human_time_diff( get_the_time(‘U’, $this->post->ID), current_time(‘timestamp’) ). ‘ ago’ : $this->get_date(); ?>
Am using the code above on my flex blocks eg on td_module_flex_1.php and the codes works well and reverts to normal date after 7 days
How do I align ‘time ago’ maintaining the color as that of ‘date’?
Hi,
In order to achieve that you’ll need to use some single post templates from tagDiv Cloud Library edit those single post templates and remove the post date and author
here is an example -> https://www.screencast.com/t/VtjXb66SC -> https://www.screencast.com/t/xR6pdudxmF after that set the template to that post that you do not want to have those information.
You can set this template as global template -> https://www.screencast.com/t/YkG8UKJCToS or individual template -> https://www.screencast.com/t/QZis1ic9cVTL
Also this can be possible using custom css.
Hope this will help you!
Thanks.
Hi,
Please check the color theme from theme panel -> https://forum.tagdiv.com/theme-colors-introduction/
-> https://www.screencast.com/t/4279smom -> https://www.screencast.com/t/mJxq6pIoCM
For post titles from blocks you need to set a custom css-> https://www.screencast.com/t/mHELrYRN
.item-details h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
color: blue;
}
Set the code in Newspaper>Theme panel>Custom code>Custom css
Or you can use flex blocks instead of sample blocks -> https://www.screencast.com/t/6jgQtTlyKgXw
Thank you!
1. I believe you mean the images – http://prntscr.com/mkiyzd
The module you are using for the search results is module 16 – http://prntscr.com/mkj0r4
Module 16 uses the thumbnail size created by WordPress, default is of this size
– http://prntscr.com/mkizyi
If you modified the width and height set there, this explains it.
The solution is to either change to default settings as shown in the screenshot, or chnage the module that displays the search results in Theme panel->Template settings->Search template.
2. Regrading the mega-menu, it is not created properly – http://prntscr.com/mkj1tv
The menu item you choose to make a mega-menu must not have sub-menus
– https://forum.tagdiv.com/mega-menu/
– https://forum.tagdiv.com/topic/hopefully-last-bit-of-help-slight-issue-with-the-mega-menu/
3. Envato specifies that a theme license can be used for one website
– https://themeforest.net/licenses/standard
– https://themeforest.net/licenses/terms/regular
4. The theme can display a login in the top bar – https://forum.tagdiv.com/login-how-to-enable-user-registration/
It will allow users to register/login when it is enabled.
5. You mean the ajax filter? – http://prntscr.com/mkj4mg If you want to show specific categories in the ajax menu, enter the category IDs you want to appear here – http://prntscr.com/mkg5bf
The IDs can be seen here for example – http://prntscr.com/mkg5i6
Here is a guide with the block settings – https://forum.tagdiv.com/block-settings-guide/
Hi,
So if you want to have in all blocks in pages/ categories … the time ago you need to set this code
$buffy .= ' - '. human_time_diff( get_the_time('U', $this->post->ID), current_time('timestamp') ) . ' ago';
like this -> https://www.screencast.com/t/lWhmJDCKoL45 -> for cloud blocks -> wp-content/plugins/td-cloud-library/includes/tdb_module.php
and for default blocks in wp-content/themes/Newspaper/includes/wp_booster/td_module.php -> https://www.screencast.com/t/NfJkpSX3
This will solved the problems with the time ago align and color too.
-> https://www.screencast.com/t/Dg43Z86o -> https://www.screencast.com/t/wdlW2jPh
If you want only the time ago all you need to do is to comment the post date
-> https://www.screencast.com/t/IedWkZLvr
-> https://www.screencast.com/t/dJxjmjZ9 -> https://www.screencast.com/t/neMzPzXDW
Hope this is what you need!
If there is still a problem or you have more questions, please let me know!
Thanks.
Hi,
You mean the module from the top of the demo? – http://prntscr.com/mkic2x
That shoudn’t be hard to do with a flex block.
The meta can be set to appear above the image and some padding
– http://prntscr.com/mkicvo
Add a background for the meta – http://prntscr.com/mkihmq
A shadow could be added but for both modules in the block – http://prntscr.com/mkik3f
It could be added with some CSS – http://prntscr.com/mkilmf
– http://prntscr.com/mkilvl – http://prntscr.com/mkim0k
Code used in the example
.myclass .td_module_flex_1 .td-module-container {
box-shadow: 0px 0px 1px 0px #000000;
}
Of course you can customize the fonts used as you want, the category tag
– http://prntscr.com/mkin8p – http://prntscr.com/mkio2c
If you have more questions let me know.
Thanks
Hi,
Provide your some examples/screenshots with the problem so I can identify.
Thanks.
Could you post a link to where this is happening, as an example? but this will require that you update again.
Or provide us with admin access at contact@tagdiv.com after updating so we can check first hand these galleries.
I use the latest theme version as well, the galleries made as specified above in the classic editor, or classic element in Gutenberg work same as before
– http://prntscr.com/mkh5hp – http://prntscr.com/mkh5mq
The modal works for those galleries.
1. Here the photos of the top recipes above one of the other pictures. It can be taken in the design so that it looks good? This thing was also in the number 7 theme.
2. Please visit my site & check Category list from computer. https://রেসিপিবুক.বাংলা
Hi,
That page provides a 404 – http://prntscr.com/mkg2u7
I believe you are referring to the ajax filter menu. The category filter and the ajax menu are different things.
If you want to show specific categories in the ajax menu, enter the category IDs you want to appear here – http://prntscr.com/mkg5bf
The IDs can be seen here for example – http://prntscr.com/mkg5i6
Here is a guide with the block settings – https://forum.tagdiv.com/block-settings-guide/
Thanks
ok I understand. But I am looking for the file in the path
td-amp/templates/html-start.php
I can not find it, where can I search this file to insert the codes? Thank you
Hi,
I tried the same with a video from your website – http://prntscr.com/mkf5v6 seems to work. Did it work before and the issue just started happening?
In some cases similar issues were caused by using old PHP versions, if you use an older version please try to change it to version 7 or 7.1 for example. Then check again.
The video can be played only in the post page, not in the module. In the module a thumbnail will be shown with a play icon over it (when video post format is selected).
Thanks
Hi,
If is a smart list then will need to follow some rules: The Smart List will use the title to generate the list. In our example, we are using Heading 3 for Titles and we need to choose the same size in the Smart List settings section from Title tags to be able to generate the list.
-> https://forum.tagdiv.com/smart-lists/
I think that is way is not change the h4 in h3.
Thank you for your understanding!
Hi,
From what I know the AMP plugin will be updated with more settings in a coming update. So most likely there will be an option to enter various codes in the header of the plugin.
But for the moment you would have to enter it like this, between the head tags
– https://forum.tagdiv.com/topic/info-adv-amp/
Thanks
Newspaper theme has its own AMP Plugin called ‘tagDiv AMP’. Check out this link for setup instructions – https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
I found a bug. On the site in Custom CSS is this code, it conflicts with the theme itself. This code was written by us to create this order form https://yadi.sk/i/XByXlnjVosKA_Q. When I deleted it, the underline was gone. If you can find out what’s wrong with him, I’d really appreciate it. Code itself:
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=”button”],input[type=”reset”],input[type=”submit”]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=”checkbox”],input[type=”radio”]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=”number”]::-webkit-inner-spin-button,input[type=”number”]::-webkit-outer-spin-button{height:auto}input[type=”search”]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=”search”]::-webkit-search-cancel-button,input[type=”search”]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=”button”]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:640px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=”col-“]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:640px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:” “}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:639px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:639px){.visible-xs-block{display:block !important}}@media (max-width:639px){.visible-xs-inline{display:inline !important}}@media (max-width:639px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:640px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:640px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:640px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:640px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:639px){.hidden-xs{display:none !important}}@media (min-width:640px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
@font-face {
/*font-family: ‘Mariad Pro’;*/
src: url(‘../font/MariadPro-Regular.otf’) format(‘opentype’);
font-weight: normal;
font-style: normal;
}
.banks-block .mobile {display: none;}
html body .banks-block {
/*font-family: ‘Mariad Pro’ !important;*/
background: #fff;
color:#111;
position: relative;
width:100%;
border: 5px solid #dae1e6;
padding: 30px 18px;
margin: 10px 0px;
}
.banks-block .icon-wrap span {
/*font-family: ‘Mariad Pro’ !important;*/
display: inline-block;
}
.td-post-content .banks-block img {
display: inline-block;
}
.td-post-content img, .wpb_text_column img, .td_block_text_with_title img, .woocommerce #tab-description img, .mce-content-body .banks-block img {
margin-bottom: 0px;
}
.banks-block img {max-width:100%}
.banks-block .button a {
display:block;
text-align: center;
background:#4eba26;
color:#fff;
font-size: 14px;
padding:10px 2px;
text-decoration: none !important;
}
.banks-block .wrap-left {
width:100%;
max-width:220px;
}
.banks-block .img-card {margin-bottom:40px;
text-align: center;
}
.banks-block .img-card img:hover { -webkit-box-shadow: 0px 0px 15px 3px rgba(208,208,208,1);
-moz-box-shadow: 0px 0px 15px 3px rgba(208,208,208,1);
box-shadow: 0px 0px 15px 3px rgba(208,208,208,1);}
.banks-block .button a:hover {
background: #47af20 ;
}
.banks-block .wrap-center{font-size: 14px;}
.h2-title{
text-align: center;
display: inline-block;
border-bottom:3px solid #dae1e6;
margin-bottom:30px;
}
.h2-title h2 {font-size:18px;
text-transform:uppercase;
margin-top:0px;
margin-bottom: 0px;
}
.banks-block .icon-wrap span {margin-right: 7px;}
.wrap-right .bank-logo {
margin-top:52px;
margin-bottom:40px;
text-align: center;
}
.banks-block .wrap-center .mb-4 {margin-bottom:15px;}
.banks-block .wrap-center .icon-wrap span img {max-width:40px;}
@media (max-width: 640px){
.banks-block .mobile {display:block; }
.banks-block .wrap-left {
max-width: 100%;
margin-bottom:20px;
}
.banks-block .h2-title {display: block;}
.banks-block .decktop {display: none;}
.banks-block .wrap-center .mb-4 {margin-bottom:0px;}
}
How to setup like this
https://ampforwp.com/demo/newspapertheme-demo/amp/ do have to buy this separately?
i haven’t find any widgets for news amp. How to use amp on page and post. Help
also if you need OK sharing button:
1) I decided that I don’t need LinkedIn in my site.
2) includes/wp_booster/td_social_sharing.php
3) search: case ‘linkedin’
4) change the whole block:
case ‘linkedin’:
return array(
‘url’ => ‘https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=’ . $page_permalink,
‘title’ => ‘OK’
);
break;
5) change the next styles in styles.css:
for icon:
.td-icon-linkedin:before {
content: ‘\f263’;
font-family: ok;
}
for button color:
.td-ps-bg .td-social-linkedin .td-social-but-icon,
.td-ps-bg .td-social-linkedin .td-social-but-text {
background-color: #e87005;
}
also to fix sharing field’s names in admin panel and titles on your site:
includes/wp_booster/td_social_icons.php
look for:
‘xing’ => ‘Xing’
‘linkedin’ => ‘LinkedIn’,
change to:
‘xing’ => ‘OK’
‘linkedin’ => ‘OK’
I’m not css and php specialist and my native language is not English, so I’m sorry if my way to fix problems would cause rejection of perfectionists, professional coders and/or grammar nazis. But it works! 🙂
for those who has same problem with social menu.
1) download font pack from https://fontawesome.com/
2) put “fa-brands-400” files to images/icons/ of yout theme.
3) add to your styles.css:
@font-face{
font-family: ‘ok’;
src: url(‘images/icons/fa-brands-400.eot’);
src: url(‘images/icons/fa-brands-400.eot?iefix’) format(‘eot’),
url(‘images/icons/fa-brands-400.woff’) format(‘woff’),
url(‘images/icons/fa-brands-400.ttf’) format(‘truetype’),
url(‘images/icons/fa-brands-400.svg#webfont’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
4) I don’t need, for example, Xing, so I changed it to OK. I changed .td-icon-xing:before:
.td-icon-xing:before {
content: ‘\f263’;
font-family: ok;
}
5) to set OK’s brand hover coler I changed .td-social-icon-wrap:hover i.td-icon-xing to:
.td-social-icon-wrap:hover i.td-icon-xing {
color: #e87005;
}
Hello, I need your help, they ask me to insert this code
<script async custom-element = “amp-auto-ads”
src = “https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js”>
</ script>
in the “head” tag of the AMP HTML code
and this code
<amp-auto-ads type = “adsense”
data-ad-client = “ca-pub-4219160818006162”>
</ amp-auto-ads>
in the body of the HTML AMP code
My question is where should I insert these codes?
can be in CustomCODE / CustomHTML ??
Or is it somewhere else?
Thank you
If the mobile theme is inactive it will work. I should mention that the mobile theme will be subject to modifications in coming updates, can’t get into details at the moment.
The video you made explains the issue perfectly. With the option that will be added this will be avoided, the next post will load sooner.
So for example when being at the middle or to the end of the currently viewed post, the next one will load. I think it will be a setting and you can choose how soon it will load.
Hi,
I’ve bought your theme (more than once 🙂 for several of my sites.
I’ve built a test site on a local WAMP installation for an existing live site.
On the local installation I did not activate the theme (I left it exactly as was downloaded initially) and I’ve made a configuration of the theme with some settings and fine tunings (only with available settings in options, nothing exotic).
The local WAMP site is on a local domain, with a different name than the live one.
Now I would like to try to install it on the real site (with activation and everything).
I need to know before starting this “migration” if the import/export option inside theme panel is ok for migrating all the settings I’ve made on the local test site (I’m afraid a little bit of the difference of the domain names difference between the local and the live site). Of course I’ll upload the media used on the local site.
Thank you,
Hi,
You could check some page and section examples
– https://affiliate.tagdiv.com/#/load/Pages
– https://affiliate.tagdiv.com/#/load/Sections
Maybe you find some designs you like. We usually use the contact form 7 plugin or the WPForms plugin for the form itself. Let me know if you have more questions.
Thanks
