Hi there,
I’ve read in your forum that the “tagdiv gallery” shown as in the demo (https://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/) only is correctly displayed on posts.
I’m trying to have it displayed correctly in pages….
Can this be easily done? Any suggestions?
I suppose it’s just question of a custom CSS formatting, isn’t it?
Any ideas?
Thank you!
In my case:
PAGE (not displayed correctly): http://zeesl.com/demo/royaldeluxfinal/packages/roar/
POST (correctly displayed): http://zeesl.com/demo/royaldeluxfinal/luxury-yoga-retreat-experience-in-javea/
Disable all untested plugins and try again.
Required plugins:
TagDiv Composer
Optional plugins:
These plugins are installed them from the /plugins folder under the main theme package
Visual Composer
Revolution Slider
tagDiv Social counter
tagDiv Speed booster
tagDiv Mobile theme
Recommended plugins:
WordPress SEO – SEO plugin
WP Super Cache – caching plugin
Contact form 7 – used to make contact forms
WooCommerce – eCommerce solution
bbPress – forum plugin
BuddyPress- social network plugin
Font Awesome 4 Menus- icon pack, supported in the theme menus
Wp User Avatar – Change users avatars
Jetpack – plugin with lots of features *it may slow down your site
Hi,
You could try to fix the image display problem, by entering this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/80cr47VbCrx
.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
margin-bottom: auto!important;
}
Thanks
Thanks for your replies.
I’ve tried what you, Simion, said, and it worked partially.
For a page with sidebar (http://zeesl.com/demo/royaldelux/packages/relax/) it works pretty good.
However, in a full-width page (with no sidebar) it’s displayed correctly for >768px (laptops & tablets) but not working fine for mobile <768px.
Any further idea?
May I add some extra CSS styling for “@media (max-width: 767px)” CSS section ?
Thanks in advance!
Christian
Hi,
There is a problem on desktop from what I can see here
– https://www.screencast.com/t/gg1ZKwGlQkE
That could be solved with a code like this
– https://www.screencast.com/t/zI9Zjr3gX2
.page-template-default .wpb_text_column :last-child{
margin-bottom: auto!important;
}
But on mobile I do not see any other issues
– https://www.screencast.com/t/VwBhf0TSb
Thanks
Thanks again Simion,
the problem is really when there is no sidebar.
For example: http://zeesl.com/demo/royaldelux/packages/roar-2/
Regards,
Christian
Hi,
I see the problem now. Enter this additional code and it should display properly in all situations
– https://www.screencast.com/t/hEqK4PpNPBd
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
width: 100%;
}
Thanks
Thank you very much, Simion, it works better now.
Regards,
Christian
