Search Results for 'demo'

Hi,

The theme overall width cannot be changed, there is no setting for this. It is not recommended to modify the theme width, as this will most likely cause issues for all the elements. You can achieve full width layouts on pages, using the composer. A similar topic here
– https://forum.tagdiv.com/topic/full-width-11/
There are options to stretch the rows on pages, there are Full big grids
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
There are options to stretch the header and footer sections
– https://www.screencast.com/t/YLVbxpAsRQ
But a general theme width setting is not available.

Thanks

Hi,

The grid used in that demo is the Full big grid 3, on a default row layout (not stretched)
– https://demo.tagdiv.com/newspaper/full-big-grid-3/
I believe the full grids were introduced in version 8 of the theme, so these elements are not available in previous versions.
Some similar big grids, although not identical would be these ones
– https://demo.tagdiv.com/newspaper/big-grid-5/
– https://demo.tagdiv.com/newspaper/big-grid-9/

Thanks

Hi,

The Revolution slider can be placed on any page. Simply install the plugin from the theme package and import the demo slider you want, and configure it
– https://forum.tagdiv.com/how-to-install-revolution-slider-v5/
– https://forum.tagdiv.com/import-revolution-sliders-on-demos/
Then place it on the page you want, using the composer
– https://www.screencast.com/t/RvpGhcvDrE
– https://www.screencast.com/t/IyCOxuwJvdm
More information about using the tagDiv composer on pages here
– https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thanks

Hi,

Please clear any background color you might have set in the theme panel
– https://www.screencast.com/t/1p9ibt365k1
If there is a background color or image set, the website will be boxed
– https://forum.tagdiv.com/background-introduction/
Here is a guide to help you configure the slider as well, to display the posts you wish
– https://forum.tagdiv.com/import-revolution-sliders-on-demos/

Thanks

Hi,

You can create and set menus as simple as dropdown style, check the “Features” menu item in the live theme demo
– https://demo.tagdiv.com/newspaper/
Or more complex menu styles called mega menus, like the “Gadgets” or “Fashion” menu items. This is a guide to help you create such menus
– https://forum.tagdiv.com/mega-menu/
Just follow the steps as described and there should be no problem. Let us know if you still have problems, or have more questions.

Thanks

Hi,

1. There are 2 ways of placing a sidebar on a page created with the composer. The first one would be to simply split the row when editing the page, and add the elements you want in the resulting section. Like this
– https://www.screencast.com/t/iXsx1qLhSUg
The second method is, that instead of adding elements like shown, you can place a Widget sidebar and choose from the available sidebars
– https://www.screencast.com/t/TskHlMsLtmb
– https://www.screencast.com/t/mrOOnwDolO
Widget sidebars can be created in different locations, and customized in Appearance->Widgets
– https://forum.tagdiv.com/sidebars-tutorial/
This is a tutorial featuring a presentation of the tagDiv composer
– https://forum.tagdiv.com/tagdiv-composer-tutorial/

2. a) The Big grid slide will slide as a whole, meaning the entire grid. There is no option to slide just a single module. There is a different element similar to what you are describing, this slider
– https://demo.tagdiv.com/newspaper/ios-slider/

b) That is not supposed to happen, the elements placed on the page cannot change position on their own. They have to remain where they are placed. If possible, please provide some screenshots of the issue or a link to your website, so we can inspect it.

c) The Big grid slide does not have options to change it’s size. It will always be like this
– https://demo.tagdiv.com/newspaper/big-grid-slide/

Thanks

Hi,

This code will surely center align the titles
– https://www.screencast.com/t/MtoCoLB6
There was a stronger code left aligning this element, from the demo you have installed

.td-blog-fitness .td-footer-wrapper .block-title,
.td-blog-fitness .td-footer-wrapper .block-title{
text-align: center!important;
}

If you want the About me text to be aligned as well add this code
– https://www.screencast.com/t/4p1Ypt64gM4J

.td-blog-fitness .td-footer-wrapper .footer-text-wrap {
text-align:center;
}

Thanks

Hello,
In order to replicate the look of the gadgets demo please add this code in your custom css box:

.td_module_8 {
padding: 0 0 0 15px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 6px;
}
.td_module_8 .entry-title a {
color: #888 !important;
}
.td_module_8 .entry-title a:hover {
color: #000 !important;
}
.td_module_8 .entry-title a:before {
content: '';
width: 5px;
height: 5px;
background-color: #f45511;
position: absolute;
left: 0;
top: 7px;
}
.td_module_8 .td-module-meta-info {
display: none;
}
.td_module_8 .td-module-comments {
display: none;
}

Thanks.

Hi,

I have inspected the website, it seems the mobile theme plugin is installed. The live theme demo does not have the mobile theme plugin active. If you want the website to display the same, deactivate the mobile plugin.
This mobile theme plugin is not required, so you can simply deactivate it.

Thanks

Hi,

If you use Travel Blog demo, you will need to install Rev. Slider plugin which is provided with the theme – https://forum.tagdiv.com/how-to-install-revolution-slider-v5/ and then import travel blog slider – https://forum.tagdiv.com/import-revolution-sliders-on-demos/ You can find it in demo_sliders folder from theme package that you download from themeforest – https://www.screencast.com/t/Zph0eGUEyM

Thanks!

Hi,

I believe that demo you have installed has conditions to remove the author name. It will not be displayed
– https://demo.tagdiv.com/newspaper_blog_beauty/
Each demo has custom design, this is one of the design choices for this demo. Along with module comments, post views in the post page and comment count in the post page. If you want to display the author name, you will have to remove this code in the demo stylesheet
– https://www.screencast.com/t/sZ19cY5uol
Remove just the author name from the code if that is the only meta you want to display.
Or use a code like this to make it visible, the result is like this
– https://www.screencast.com/t/Zn5MmWwb
It will not have any styling similar to the demo, since it was not meant to be displayed. You could make it aligned with the date
– https://www.screencast.com/t/9hYneSVq47xI

.td-blog-beauty .td-post-author-name {
display: inline-block;
top: 3px;
}

Then further customize the font properties – https://www.screencast.com/t/pCnp6jUtF1i

Thanks

Hi cjs,

Ensure that you are using the latest theme version, remove all of your untested plugins to rule out any conflicting plugins, clear all the caches and check the results. Check our demo preview and see there is no problem with our smart lists, sorry! Everything seems to work as expected.

Thanks for the message!

Hello 123tlumacz,

For example, you can try using the following code for adding an image for your category section and the result should have looked like this -> https://www.screencast.com/t/e56HdZQHv

The code is ->

.td-image-gradient-style8{ background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
}

Hope this helps!

Thanks for your understanding!