- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to insert a block inside the content of a post
- NewspaperFlex Block Settings Guide
- NewspaperMeta Info on Modules and Blocks
- NewspaperTheme modules and blocks
- NewspaperThumbnails – Fix strange looking images on blocks
- NewspaperBlock settings tutorial
- NewspaperCategory Tag on Modules/blocks
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperSearch setup for custom post type
- NewspapertagDiv Opt-In Builder – Emails
- NewspaperBookmark – Save For Later
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperUser review system
- NewspaperWooCommerce: Happy “Add to Favorites!”
- NewspaperLockers
- NewspaperLeads
Hi,
That is not possible, ads cannot be displayed inside an actual block, between the modules. You could limit the block to a couple of posts, then display an ad, keep repeating that
– https://www.screencast.com/t/oCPphu9Ux4
Thanks
Hi,
That could happen if you use the same or similar sorting, also filter by the same categories. Now I see there are no duplicated in those two blocks you mention, they seem to display posts from different categories
– http://prntscr.com/k46ut1
Hi,
That is not difficult to do. For example, like in that demo you mention. First set a custom class for the row containing the background
– https://www.screencast.com/t/MrvIIBnv1
Then refer to that class and change the color of the post titles in this example
– https://www.screencast.com/t/fTAYMhIE9GI
Only that block/element will be affected. Let me know if you need more help.
Thanks
Hi,
Regardless of form of pagination, the block will always use the same module type. In your case the initially loaded modules are with problem, not the ones that are loaded with the load more button.
Block 5 looks like this – https://demo.tagdiv.com/newspaper/block-5/
I see there is a problem with the thumbnails used for the first 10 modules in that block, please regenerate them and check if the problem is solved
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Also I see you are using some CSS in the child theme I believe to set a minimum height of 324px to a thumbnail that by default is 235px in height (module 3)
– https://www.screencast.com/t/isfQEWCRXdh
That would not a proper way to do it. Maybe try and use blocks which have a thumbnail size that works best for you, instead of that
– https://forum.tagdiv.com/theme-thumbs/
Hello thalesbrandao,
Here is talking about a block which displays the Popular Categories, as you can see here
-> https://www.screencast.com/t/oe7BJ8Cef6 If you want to change it, you should check the Footer widgets and add there another block if you want to achieve other results. Check here -> https://www.screencast.com/t/3bSuKKAcq
Thanks for your understanding!
Is it possible to not display a block (title) in a sidebar if there are no posts found with the filters I chose?
Whenever I try to set the second block to have a sidebar widget area, it also changes it for the top block.
I can’t really explain this easily so see this video:
I have created an avatar for two of my users, one is an author and the other is just a contributor.
When I publish something that has to appear in the flex block it appears but does not show the desired avatar, instead it shows the default avatar.
Here are some captures:
Contributor profile: https://gyazo.com/246f322ec626eae80ca9b34d4eebfea5
Post with the contributor avatar: https://gyazo.com/fd13d9e0261a7d10302cf50b5aadc51a
Post with the AUTHOR avatar: https://gyazo.com/8cd5c966450bac217e2c52499013773a
Here is where the authors avatar must go: https://gyazo.com/31ca8f73ee8466bbfe8466c072d41f6f
I hope you can help me.
Regards
Hi!
Im using BLOCK4 on my homepage and would like to introduce ads every two news. it’s possible? Is there another block where it can be done?
Hi. I cannot find the scroll bar for the blocks and I have to minimize the page (Ctrl and +) to see the all the details on this sidebar http://prntscr.com/k3n2xa. What could be happening?
Hello,
I do have a question how can I accomplish to change your Blockquote into that one in this theme?
http://baseballaustria.com/bla-baseball-hochschaubahn-im-prater/
Regards,
Lukas
I am trying to change the hover colour of oneof the main menu items.
(The site is currently in development but can be viewed with login and password as “guest” @ https://bit.ly/2NAz0Fs
Usually when I hover over any of the main menu items they all have the same coloured underline displayed.
News Forums Buying Guide Device Specifications G’day, guest guest!
I am wanting to have a different colour hover for just one of the menu titles. An example would be “News” having a green underline.
The CSS used for the menu hover is as follows:
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a, .td-header-wrap .black-menu .sf-menu > li > a:hover, .td-header-wrap .black-menu .sf-menu > .sfHover > a, .td-header-style-12 .td-header-menu-wrap-full, .sf-menu > .current-menu-item > a::after, .sf-menu > .current-menu-ancestor > a::after, .sf-menu > .current-category-ancestor > a::after, .sf-menu > li:hover > a::after, .sf-menu > .sfHover > a::after, .td-header-style-12 .td-affix, .header-search-wrap .td-drop-down-search::after, .header-search-wrap .td-drop-down-search .btn:hover, input[type=submit]:hover, .td-read-more a, .td-post-category:hover, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_top_authors .td-active .td-author-post-count, .td_top_authors .td-active .td-author-comments-count, .td_top_authors .td_mod_wrap:hover .td-author-post-count, .td_top_authors .td_mod_wrap:hover .td-author-comments-count, .td-404-sub-sub-title a:hover, .td-search-form-widget .wpb_button:hover, .td-rating-bar-wrap div, .td_category_template_3 .td-current-sub-category, .dropcap, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper, .wpb_default, .wpb_default:hover, .td-left-smart-list:hover, .td-right-smart-list:hover, .woocommerce-checkout .woocommerce input.button:hover, .woocommerce-page .woocommerce a.button:hover, .woocommerce-account div.woocommerce .button:hover, #bbpress-forums button:hover, .bbp_widget_login .button:hover, .td-footer-wrapper .td-post-category, .td-footer-wrapper .widget_product_search input[type='submit']:hover, .woocommerce .product a.button:hover, .woocommerce .product #respond input#submit:hover, .woocommerce .checkout input#place_order:hover, .woocommerce .woocommerce.widget .button:hover, .single-product .product .summary .cart .button:hover, .woocommerce-cart .woocommerce table.cart .button:hover, .woocommerce-cart .woocommerce .shipping-calculator-form .button:hover, .td-next-prev-wrap a:hover, .td-load-more-wrap a:hover, .td-post-small-box a:hover, .page-nav .current, :first-child.page-nav > div, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, #bbpress-forums .bbp-pagination .current, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, .td-theme-slider:hover .slide-meta-cat a, a.vc_btn-black:hover, .td-trending-now-wrapper:hover .td-trending-now-title, .td-scroll-up, .td-smart-list-button:hover, .td-weather-information::before, .td-weather-week::before, .td_block_exchange .td-exchange-header::before, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb::after, .td-pulldown-syle-2 .td-subcat-dropdown ul::after, .td_block_template_9 .td-block-title::after, .td_block_template_15 .td-block-title::before, div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit] {
background-color: #ff6700;
}
Obviously changing the background here would change all the menu items, my goal is to change just a single menu item’s hover colour.
Also, the li class of the “News” item also has a unique reference, which I feel may be useful when changing to the its background hover.
menu-item menu-item-type-taxonomy menu-item-object-category menu-item-first td-menu-item td-mega-menu menu-item-6 news`
I could use either menu-item-6 or news? I’ve tried to come up with a solution myself but can’t quite get it working.
Thanks in advance!!
Brent
Thanks for your reply.
I know where to activate it… and it’s activated. However, clicking “load more” button doesn’t seem to use the same php template as Block 5 (td_module_3.php).
Here’s the page with the problem:
https://www.farmflavor.com/recipes/
Unfortunately it didn’t make the change… Here is all those custom code currently on this site…
.td-icon-facebook {
font-size: 17px !important;
}
#big input[type=”email”] {
padding: 9px 0 !important;
height: auto;
display: inline-block;
}
.popup { margin: 0; padding: 0; box-sizing: border-box; }
.popup {display: none; position: absolute; top: 100px; left: 50%; width: 500px; margin-left: -250px; padding: 50px 30px;
background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #005689; z-index: 9999;}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 8px; right: 14px; color: #FF8282; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.page-cover {position: fixed;top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 9998;}
#big input[type=”email”] {font-size: 21px;width: 100%;padding: 21px 0; text-indent: 15px; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 10px;}
#big input[type=”submit”] {width: 100%;background: #049700;color: #fff;font-size: 20px;padding: 9px;text-shadow: 0 0 8px rgba(0,0,0,0.8);font-weight: bold; cursor: pointer;}
.popup ul li {
line-height: 32px;
}
.popup ul{
margin-bottom: 20px;
}
input#mce-EMAIL {
margin-bottom: 10px;
}
#subscribe-big input[type=”email”] {
width: auto;
border: 1px solid #ff1440;
background: #fff;
border-radius: 3px;
padding: 10px;
height: 43px;
line-height: 19px;
font-size: 15px;
color: #000000;
width: 305px;
}
#subscribe-big input {
margin: 0;
}
#subscribe-big .mc-field-group {
background: #fff;
padding: 10px;
width:595px;
margin:0 auto;
}
#subscribe-big #mc-embedded-subscribe {
background: #ff1440;
font-size: 21px;
line-height: 24px;
height: 59px;
width: 249px;
font-weight: bold;
margin-left: 15px !important;
}
@media screen and (max-width:1200px){
#Subscribe_page h1, #Subscribe_page h2 {
font-size: 35px !important;
line-height: 45px !important;
}
#Subscribe_page h2 {
margin-top: 0;
}
}
@media screen and (max-width:610px){
#Subscribe_page h1, #Subscribe_page h2 {
font-size: 28px !important;
line-height: 38px !important;
}
#Subscribe_page ul li {
font-size: 18px !important;
line-height: 30px !important;
}
#Subscribe_page ul {
width: 430px !important;
}
#subscribe-big input[type=”email”] {
width: 100%;
margin-bottom: 10px;
}
#subscribe-big #mc-embedded-subscribe {
font-size: 18px;
height: 50px;
margin: 0 !important;
width: 100%;
}
#subscribe-big .mc-field-group {
width: 100%;
}
}
@media screen and (max-width:410px){
#Subscribe_page ul {
width: 283px !important;
}
}
.dgd_stb_box {
box-shadow: none !important;
}
.dgd_stb_box {
background: #005689 !important;
}
.dgd_stb_box .dgd_stb_box_close {
background-color: #004679 !important;
box-shadow: 0px 0px 0px 2px #fff !important;
top: 8px;
right: 8px;
width: 20px;
height: 20px;
color: #FFF;
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
text-decoration: none;
-webkit-border-radius: 10px;
border-radius: 10px;
line-height: 18px;
}
.dgd_stb_box h4 {
color: #fff !important;
font-size: 19px !important;
margin: 25px 0 15px !important;
text-align: center !important;
line-height: 24px;
font-family: “Merriweather Sans”;
}
.dgd_stb_box p {
font-size: 19px !important;
color: #fff !important;
margin-bottom: 17px !important;
text-align: center !important;
font-family: “Merriweather Sans”;
}
#popup-subscribe-box #mc_embed_signup #mce-EMAIL {
width: 100%;
height: auto;
padding: 9px;
font-size: 16px;
background: #fff;
color: #000;
margin: 0;
}
#popup-subscribe-box #mc-embedded-subscribe {
width: 100% !important;
border: none !important;
border-radius: 0;
font-size: 18px;
background-color: green;
}
.dgd_stb_box ul li {
color: #fff !important;
}
.dgd_stb_box ul {
list-style: inherit !important;
}
.td-header-sp-recs {
float: right !important;
}
.td-header-sp-logo {
float: left !important;
}
#td_uid_1_59cc7d4a7d90f > div > div > div > div:nth-child(1) > span{
display: none !important;
}
#td_uid_1_59cc7ea311af3 > div > div > div > div:nth-child(2) > span{
display: none !important;
}
.td-business .td-header-style-1 .td-header-sp-logo {
float: left !important;
}
Do you have some form of caching? Clear it all if you do. Now I see the posts don’t have AMP as well
– https://www.screencast.com/t/gVTwnErx2fc
The plugin seems active however, the AMP link is in the page source.
Also check your robots file if you use one, it could block the AMP pages
– https://www.screencast.com/t/T84NuiLIv
Hi,
You could add a link in the description of the menu product element, like this
– https://www.screencast.com/t/G64rYAN6s
You can set a hover color for the link, with CSS if needed. You want to change the link color when the whole menu item is hovered, try something like this for example
.tdm_block_food_menu:hover a {
color: blue;
}
That code should change the color of the link when any part of the menu item is hovered.
Thanks
Hello !
On my computer, in front end edit mode, the Tag Div Composer Panel is not long enough. I cannot see the elements after block 9 for example.
And unfortunately there is no vertical scroll bar.
I tried to zoom. At -50% the panel is complete, but everything is getting too small and I cannot read anything anymore !
How can I access all the elements ? (And of course… I cannot buy a new device)
Thanks a lot !
Hi,
The load more works through ajax, created specially that the page is not refreshed when using the block pagination.
Even if you would refresh the page after clicking on the load more link, the block will display only the initial posts again, just as if the button was not clicked.
You could consider simply not using pagination, maybe set the blocks to display more posts from the start. What you want to do would not be possible with the ajax pagination.
Thanks
Hello AjitSirohi,
I have checked your website and I saw that you are using a lot of untested plugins and saw that you are a lot of elements which do not come from our theme, sorry! Try to remove all of the untested plugins, clear all the caches and check the results. So, if you are referring to this header of your block, all of them seems to be centered -> https://www.screencast.com/t/oNtZITKvbvm
Thanks for your understanding!
Hi,
That is a normal page, edit it with the composer and remove the the entire sidebar
– http://prntscr.com/k374su
– http://prntscr.com/k3752e
Or edit the sidebar and remove the ad from it. Widget sidebars can be edited in Appearance->Widgets section of WordPress
– https://www.screencast.com/t/fK80RypeS
Here is a tutorial for the tagDiv composer, and also the block settings
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
– https://forum.tagdiv.com/block-settings-guide/
Let us know if you have more questions.
Thanks
Hello jciview,
Notice that the Load More pagination is just a type of block pagination which can be added for each block, from here -> https://www.screencast.com/t/zdjbYGcn9U6 If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi,
I have on the page Block element (Block 21, but doesn’t matter), where it shows all articles with certain tag (again this doesn’t matter too, as it could be any filter implemented).
The plugin which i use for turning Latin in Cyrillic and vice versa, works only for loaded page, not for parts which are additionally added/loaded, as in case of this pagination. This makes a problem where in original articles are in Cyrillic, and default language is Latin. So, for loading page its ok in Latin, but with load more all other articles are shown in Cyrillic on the list of the articles. Of course, by clicking on any of them it goes to article and its back to Latin again.
Is it possible to force reload of the page as soon as Load More button is pressed, so instead just loading additional number of the articles, that complete page reloads with all already shown articles plus next set of Load more?
Or do you think there’s other way to show list of lots of articles w/o making problem for visitors and their devices?
Best regards,
Bojan
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>
Works! thanks!
Hi,
This might be a dumb question, but this is the first time I’m building a website and I’m still in the process of trying to understand everything, so I’m just going to ask:
I have a question regarding the use of ajax. I saw one or the staffmembers post the following picture:
https://www.screencast.com/t/x44umIK9
But when I select [Filter by categories], I get a small button (dropdown menu) in the top right corner of the element.
I would like to not get a dropdown menu, but a horizontal row as is shown in the picture, so visitors can filter the news they want to read. Can you explain me if this is possible and if so, how I can do this?
I am using block 7, but also when I add block 1 I get the same result.
Thank you in advance!
I’ve got one more question about that topic.
All I need to know is how the filter-options in the tagdiv-composer (like post_type) are applied to the WP-Query. I really don’t understand, why
$query->query_vars['post_type'] == 'event'
code with this in an if-query is not executed in blocks of td composer, where I chose to display Posts of Post-Type events only.
