Search Results for 'demo'

Hi,

You can use a Slider element for example
– https://demo.tagdiv.com/newspaper/ios-slider/
Or a Big Grid slide
– https://demo.tagdiv.com/newspaper/big-grid-slide/
You could also use the Revolution slider. All the revolution sliders featured in the demos are available in the theme package. Like this one for example which is somewhat similar to the one you are referring to
– https://demo.tagdiv.com/newspaper_blog_travel/
Here is more information if you decide to use it
– https://forum.tagdiv.com/how-to-install-revolution-slider-v5/
– https://forum.tagdiv.com/import-revolution-sliders-on-demos/

Thanks

Hello Rudy Rodriguez,

Please check our demo preview and check the results -> https://demo.tagdiv.com/newspaper/ Also, I have inspected your website and I saw that you are using a lot of untested plugins which can interact with the theme core files and break the quality of images, like Autoptimize plugin, Photon by Jetpack, etc. You should remove all of these plugins, leave just only of required plugins to be active, clear all the caches and check the results.

Thanks for the message!

Hello,

Sorry but there is nothing to solve. This happens regardless of theme. it is the way css works. THere is no fix to be implemented by us. Simply use the theme and css in it’s default way without changing anything and there will be no fouc. If you change colors, fonts, sizes, you will start to see changes happen especially if using a demo which already changes the css to provide the style and then the user changes it again so there are already 2 rewrites on the css happening. Then you activate speedbooster and mnove the loading of the stylesheet to the footer and that delays it even more making the fouc even more obvious. As Chris said, it is all basic knowledge every webdev should know as it does not happen in our theme specifically. This happens all over the web, not just WordPress either.

Thank you!

Hello Eloel,

Do you are referring to the full layout elements which are available in our new latest version, like this -> https://demo.tagdiv.com/newspaper/full-big-grid-1/ You simply change/replace the elements if you want to the elements on full width.
If is not what you mean, provide more details.

Thanks for your understanding!

Hi,

The tagDiv composer needs to be active in order for the demo to display as intended. Try enabling the tagDiv composer and check how it displays then.
If you want to use Visual composer, please use the one provided in the theme package. if you have bought it, use the same version as the included one.
When an update is available for Visual composer, we will first test it and only after that bundle it with the theme
– https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
– https://forum.tagdiv.com/topic/visual-composer-update-21/
Also it is worth mentioning that future updates will add more options and features for the tagDiv composer exclusively, not for Visual composer.

Thanks

Hello marcomediastudio,

Unfortunately, I do not exactly understand what do you want to achieve? You can guide your project after our demos and create your own layout based on our demos. Please notice that we cannot make your website from scratch if you do not know this, sorry! Try to understand each element from our theme after reading all of our documentation and also, try to create your desired website if our demo will not help you.

Thanks for your understanding!

Hi,

That is how Block 7 looks like on a single columns layout
– https://demo.tagdiv.com/newspaper/block-7/
You could reduce the space between the modules with a code like this, if that is what you want to do
– https://www.screencast.com/t/1z2TNHlAaXvT

.td_block_7 .td_module_6 {
padding-bottom: 13px;
}

The code must be entered in Theme panel->Custom Css section.

The module that this block uses does not display an excerpt for the post content. Not all block modules have this feature.
You could use Block 11 instead, which displays an excerpt when set on one column and is similar to block 7
– https://demo.tagdiv.com/newspaper/block-11/
Then use this code to reduce the space between the modules, if needed
– https://www.screencast.com/t/jbug3my9HJo1

.td_block_11 .td_module_10 {
padding-bottom: 13px;
}

The excerpt length can be controlled in the theme panel
– https://forum.tagdiv.com/excerpts-introduction/

Thanks

Hi,

You can try a code like this one for example
– https://www.screencast.com/t/LBGjRMDsvD5p
It will add the same shadow for the outer wrap, just like in the News Magazine demo that you mentioned. Enter it in Theme panel->Custom Css section

@media (min-width: 1180px) {
.td-boxed-layout #td-outer-wrap {
width: 1164px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
}}

Thanks