- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
I have increased the number of posts but still the homepage is missing posts from the index on mobile.
Homepage on mobile should display same posts as on desktop. Now the homepage on mobile is missing posts. If for some reason the three blocks along side the big image can’t be displayed on mobile I would like to move them to a different block.
So if page is viewed on mobile move the second, third and fourth post to the latest articles. That way every device shows same posts from homepage.
Can this be done?
Jalo
Hi!
I want to make the comment count for all the blocks look like TheVege.com. Someone from tagDiv sent me this:
—————————————-
You have to do something like this:
– wrap the image inside a div and add the post comments counter: http://screencast.com/t/ywUNcGIkRF
<div class=”image_f”><?php echo $this->get_image(‘art-big-1col’); ?>
<div class=”comments_b10″><p><?php echo get_comments_number($this->post->ID)?></p></div></div>
– use css to style the newly added counter: – http://screencast.com/t/n6KN8v8JJBu
.image_f {
position: relative;
}
.comments_b10 {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 1;
color: white;
font-size: 15px;
line-height: 0px;
text-align: center;
background-color: rgba(77,178,236,0.9);
}
.comments_b10 p{
padding: 10px 7px 10px 7px;
margin: 0px;
}
.comments_b10:after {
position: absolute;
bottom: -8px;
right: 0;
left: auto;
content: “”;
width: 7px;
height: 8px;
background-color: transparent;
background-repeat: no-repeat;
background-position: -8px -87px;
background-image: url(http://cdn3.vox-cdn.com/images/verge/sprites/ribbongles.v51a515f.png)
}
———————–
I added the code and it worked, unfortunately the CSS for tag P connects with the other P. For example, the text colour for P is “#fffff” here, but it connects with the other P tag (content text’s css) and makes it black. It happens to the font-size and height as well.
How can I fix that?
Thanks,
Mehedi
I noticed in the description on Themeforest it says:
Tab widget – you can add other widgets in the tabs
I can’t seem to find this tab widget, and I’m really interested in using it. Does anyone know how to activate it? Thanks!
@Radu A ur welcome
Hi,
You have this issue because the image you have used as featured image for the post that appears in the big slider on the homepage is smaller than it need to be to fit in that window, so you need to chose a picture bigger than 745 in width and 483 in height, this are the image sizes that the theme uses: https://forum.tagdiv.com/modules-and-blocks/ (3. Thumbs and image resolutions)
Thank you
Hi, I have three things I need help with.
1. Everytime I enable the unique article feature on my blog homepage. it completely removes all of the articles from the page. http://screencast.com/t/4Y37qRZn
2. I need to know how to make my homepage layout a child theme. I dont want it to go away when i update the theme.
3. On my homepage I want to block a specific category from showing…how can i filter out categories.
Thank you for the help.
pitchforkmarketing.com
Hi,
You can use this CSS:
/* responsive monitor */
@media (min-width: 1200px) {
.post .thumb-wrap img {
max-width: inherit;
}
}
emil_grecu is typing...
emil_grecu: .td_980_resp .td_mod_mega_menu {
margin-left: 19px;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 800px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 996px !important;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_980_resp .td_mod_mega_menu {
margin-left: 14px !important;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 600px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 748px !important;
}
}
Add it in Theme Panel -> Custom CSS section.
For the logo issue use this CSS:
.td_980_resp .td-g-rec-id-header .adsbygoogle {
right: 0;
}
.td_980_resp .header-logo-wrap img {
width: 250px;
}
.td_980_resp .header-logo-wrap {
margin-top: 34px;
}
Thank you
Hi,
I use this homepage lay-out: Homepage blank template -> Big slider (4 posts), block 2 (2 posts) and block 4 (10 posts) with sidebar and block 4 set to “load more” and unique article enabled (screenshot: http://imgur.com/vDQnblV). When clicking load more, the first 6 articles in block 4 will be loaded again before loading new posts. I’ve made a screenshot (http://imgur.com/IsWCFHk), you can see some posts are the same and they are loaded below the “load more” fold.
The reason I use this lay out is because block 4 shows up nicely on mobile. So i hid the big slider and block 2 on mobile (max-width: 767) via css, but now block 4 isn’t showing the newest post. I know it’s because the unique article filter filters the first 6 posts (4 in the slider + 2 in block 2 = 6) from the big slider and block 2. But maybe there is a workaround or fix to make block 4 show up the newest articles on mobile? I know i can turn off the unique article filter but then the homepage on desktop will show duplicated posts. I really need a fic for this.
Isn’t it possible you guys make a second homepage template for mobile only? So you can design a normal homepage for desktop and tablet and a special homepage for mobile?
Hey there,
if i delete this lines in the functions.php ive got some issues on my site with blocks 🙁
iam at Version: 3.9.1
thx for your help
cheers
No no custom css. Problem only happens on the homepage. http://dotheyarravalley.com.au
Footer text block is automatically adding link to text. On other pages the the footer text is not linked. http://www.dotheyarravalley.com.au/category/accommodation/
Can’t find the problem. Driving me crazy.
I think he is using that plugin “Async JS and CSS”
To not break any slide are the menu on mobile please add these files in the
Exceptions (files to ignore and load in render-blocking way) box to the bottom
jquery.min.js
external.min.js
site.min.js
these files can’t be loaded in render-blocking are the sliders on ur site will not work also the mobile slide menu..
hi,
thanks for sharing this
Thanks for you message.
Radu A.
Hi,The CSS animation is fixed in the latest update, about the frontend editor is very difficult to make it because all our block and visual composer have some incompatibility when refresh the blocks data.
Thanks for the message!
Hi Marius,
do you know when the frontend editor will be available? Could you fix your probs with the blocks?
i hope you get it soon 🙂
cheers from germany
Just my thoughts. All of these “bloat” elements really slow down the site, page load,
so does the ” tagDiv Social Counter ” … and many other features on this theme …
but since its a feature … there is an option to be turned on or off …
come on dude … the more features … the better :)) just look at ” avada ”
if you dont … then your reply
I’m very happy the way the theme is right now,clean,professional and simple adding more things only put more weight on ur site and make it slow etc..
ruins the topic
where mobile is taking over PC any way..all those things will not even be able to show on any mobile phone..this is not 2001 dude.
u are not telling me that ” the Guardian ” are not aware of this ” 2014 ” thing ?? are you ? :)))
i didnt even mentioned mobile …
they dont have to be visible in mobile … like most other things .. 🙂
Was there any resolution to this? I’m having the same issue on http://substreammagazine.com/
Review Description: http://cl.ly/image/2g371C0P280h
Review Overview: http://cl.ly/image/0h0O0O3j0L21
Homepage Block 1 (Using Modules 2 & 3): http://cl.ly/image/0O1f113U3b0Z
As you can see, the end of the link is getting pulled into these modules and it doesn’t seem to have anything to do with excerpts.
Hi,
Do you refer to the Big Slide? If you do note that the big slider is not a part of the header, it’s under the header and yes, it is possible.
You just have to create the slider and add it on page using the visual composer Revolution Slider block element – http://screencast.com/t/2kO8gjrJ
If you want to replace it on Homepage BG templates you have to edit the template file and replace the Big Slider line with the Revolution Slider shortcode
– http://screencast.com/t/oNDOhaCH3H
– http://screencast.com/t/wte9CA0nj
echo do_shortcode(‘[rev_slider test]’);
Thank you, Emil G.
Speed Booster Pack
This plugin is a all in one that will give you that 95% score on Google PageSpeed, YSlow, Pingdom and GTmetrix.
The plugin comes with some great features like:
1. Moves scripts to the footer to improve page loading speed.
2. Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.
3. Defers parsing of javascript files to reduce the initial load time of your page.
4.Removes query strings from static resources to improve your speed scores.
5. Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.
6. Removes junk header tags to clean up your WordPress Header.
I’m using this plugin as well and it really help removed the rest of those files in render-blocking CSS and JS files.
With this plugin you will not need the other plugin ““Query Strings Remover”…
The plugin name is “Speed Booster Pack” by the author tiguan
You can download this plugin via the wordpress website @ this url
http://wordpress.org/plugins/speed-booster-pack/
Speed Booster Pack – Documentation
Steven,
Great Job getting the information out. I, too, love Async JS and CSS (note: use the default CSS inline and hack away at style.css).
A combination of that tool, removing td speed booster, and Google PSS helped me score a 100 Page Speed Insights on my homepage! http://www.popworkouts.com
Hello to all,
I’m using “Homepage – blank” template to build my website, to show the lastest posts I use Block 8, but when clicked “Load More Button” this address me to: http://www.mypage.com/#, how I can do to fix this?
Thanks
I know that but this theme get a lot of updates and keep going back editing a file all the time is work and time..that’s why i share the plugin where make it easy for those that don’t want keep playin with codes…
Hi, Steven
you can actually add query strings remover code to your functions.php file, which many of us do. For those who don’t want to edit their functions file over and over the plugin is a great alternative 🙂
@livingsmarttv i have a plugin for you that going be ur best friend soon it’s called “Imsanity”
What this plugin do is resize any image to what you want on upload with out cropping etc and the sweet part it delete the original images after it resize ur image to what you choose in the settings..
Ex.Say you set the upload to post at 600 x 600 and ur image is 1014 x 483 what the plugin going too do when you upload that 1014 x 483 it’s going resize ur image to 600 x 600 and leave it at that,the size will not be change are cropp etc,but the link of this image have to be in ur text box when you making a post for it too work correctly…
You can find the plugin via wordpress @ url
http://wordpress.org/plugins/imsanity/
I’m using it as well and it save me from a lot of headaches lol
Hi Lucian, thank you.
I did it for the loop-single.php and worked like this:
if ( 1 !== get_the_author_meta( ‘ID’ ) ) {
echo $td_mod_single->get_author_box();
}
Where should I add the same conditional to stop listing everywhere in the site like on archives.php, search.php etc?
