Search Results for 'flex'

Hi,

Some elements like flex grids and flex block can be change per view port in tab layout and css.
Unfortunately the General tab can not be change per view ports, sorry.

Thank you!

Hi,

Each flex block and flex grid can be filtered and sorted, for this you need to use tagDiv Composer -> https://i.imgur.com/eciFIwM.png

Hope this will help you!

Hi,

I think that you are using a PRO demo or cloud templates, that is why the theme panel settings are not apply. Using cloud template from tagDiv Cloud Library, you’ll need to edit the cloud template using tagDiv Composer and set on the elements the color and style you want
For example in order to change the share style, please edit the single post template wit tagDiv Composer, like this -> https://i.imgur.com/ZpxtjbP.jpg click on the share buttons and choose a style https://i.imgur.com/jyYrNlL.png after that do not forget to save the changes.
If you want to remove the view counter and comments use tagDiv Composer to edit the teplate -> https://i.imgur.com/2WTC8nR.png and use the right click on these elements and remove them -> https://i.imgur.com/9TJgyv4.png
For blocks like these from homepage -> https://i.imgur.com/4OoKykw.jpg check the layout tab from tagDiv Composer -> https://i.imgur.com/2qcT7ah.png -> https://i.imgur.com/xjphqay.png for more details about these options you can check our guide from here -> https://forum.tagdiv.com/flex-block-settings-guide/
Let me know the results!
Thank you!

Hi Jose,

This is because you are using a posts loop element, this can not be filtered because it has it’s one filters set to can be use on categories, search results, homepage …
You’ll need need to use a flex block and you’ll be able to filter the categories.

Thank you!

Hi,

Please try this custom css
https://i.imgur.com/elZNjG1.jpg
.td_module_flex_1 .td-module-thumb a:last-child:before {
bottom: 0;
content: "";
display: block;
height: 80%;
width: 100%;
position: absolute;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
Hope this will help you!

Hi,

I do not know what, but on home the mobile header is acting like a snap, is hide when you scroll down and show when you scroll up.
Also I think that the additional horizontal scroll is because of flex block, this is larger then row -> https://i.imgur.com/D3HlY6G.png

Thank you!

Hi,

That option is custom made of that grid, since you made your own layout you need t use a custom css to achieve that layout too and this is not quite easy.
I’m not sure exactly how to do it that i think that this custom css can help you
.td_block_14 .td-block-span6{
width: 49%!important;
}
.td_block_14 .td-block-span6:nth-child(even){
margin-left: 2%;
}
.tdi_37_bb9{
display: flex;
flex-direction:column-reverse;
}
Also is need for some more customization too.

Thank you for your understanding!

Hi dessy1991,

There are few elements that can be use, but I think that using flex block 1 you can achieve what you need for this sidebar layout -> https://forum.tagdiv.com/flex-block-settings-guide/ if you want you can import a block and just edit it https://i.imgur.com/WShZTNk.png -> https://i.imgur.com/wczICzK.png also the icon for audion need to be set there with a custom css, if you wan, after you set the block I can inspect the sidebar and provide a custom css to make the layout like in your example.

Thank you!

Hi,

1. You can use the scroll to see all the elements from tagDiv Composer sidebar -> https://i.imgur.com/HmgXmYt.png -> https://i.imgur.com/PXgDj9t.png

2. Yes, this can be done in more ways, you can edit the homepage with tagDiv Composer and set for each block different categories -> https://forum.tagdiv.com/block-settings-guide/ or best you can use the option for Unique articles on pages -> https://forum.tagdiv.com/unique-articles/

3. Yes, you can do this with tagDiv Composer, add a new row and choose a layout -> https://i.imgur.com/yXqbdRv.png after that select each empty column and in css tab set the width you want to have -> https://i.imgur.com/QWT6Fhm.jpg -> https://i.imgur.com/AJSB4Y9.jpg -> https://i.imgur.com/F10WDmf.jpg

4. You can have a different layout if you are using the mobile theme plugin -> https://forum.tagdiv.com/the-mobile-theme/ also for responsive version you can use flex blocks and grids and these can be edited per view port.

5. our tagDiv Composer is the theme builder and the closer one that can be use, using only the mouse and clicks.

6. Indeed for the moment our theme do not have this option and we also do not tested any plugin for Membership, usually we recommend to users to try the best recommend plugins and choose the one that is working better -> https://www.justlearnwp.com/wordpress-membership-plugins/

Hope this will help you!
Thank you!

Hello !

So you want to be able to add a flex block in your sidebar but not to pass this line: https://www.screencast.com/t/sWeI8AlltH

Is that correct ?

Thank you !

Hello !

That can be achieved by adding an extra class and hiding / showing the element using CSS. As you can see here I have added a flex block but you can use any element, added the weekend extra class: https://www.screencast.com/t/jhxUUGEG6ow ; And using this code I can hide it or show it whenever I want:
https://www.screencast.com/t/AAtH03H7JKs

The code is: .weekend {
display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

When you want to hide it simply set the class to none and when you want to display it set it to block

Thank you !

Hello !

That can be achieved by adding an extra class and hiding / showing the element using CSS. As you can see here I have added a flex block but you can use any element, added the weekend extra class: https://www.screencast.com/t/jhxUUGEG6ow ; And using this code I can hide it or show it whenever I want:
https://www.screencast.com/t/AAtH03H7JKs

The code is: .weekend {
display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

When you want to hide it simply set the class to none and when you want to display it set it to block

Thank you !

Hi,

What block are you using? if is a flex block, then the option from layout tab should work -> https://i.imgur.com/upuZGy2.jpg
If this is not what you mean, please let me know!

Thank you!

Hello !

For sidebar you can follow our guide here that shows you exactly how to create one: https://www.youtube.com/watch?v=fa7GenCHcBU&t=13s And for the second part I suggest you to use a Flex Block because it is the most customizable block at the moment.

Thank you !

Hi,
The flex block can be edited per view port and you cloud adjust the flex height -> https://i.imgur.com/bkvBzR9.jpg

Hope this will help you!
Thank you!

Hello !

You can create a category, create a page where you add your flex blocks and all you need, and simply make that page private so only you will be able to see it: https://www.screencast.com/t/L2JgbyK1h

Thank you !

Hello !

Unfortunately on Big grid this option is not possible. We recommend switching to Flex Blocks and Big Flex because they offer more customisatio using tagDiv Composer.

Thank you !

Hello !

Please replace Block 11 with Flex Block. Flex Blocks offer way more customization possibilities using tagDiv Composer. For Block 1 You can edit through theme panel or custom code but that will just make the job harder than working with tagDiv composer.

Thank you !