Search Results for 'flex'

Hi,

There are some blocks that have thumbs like 16:9 -> https://www.screencast.com/t/yRPYMOlBt4eI -> https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
Also you can use some flex blocks, those can be set -> https://www.screencast.com/t/8mixJv0vEZ5 ->https://tagdiv.com/discover-flex-blocks-customization/

Thank you!

Hi,

Default blocks and grids don’t have the options that flex blocks and flex grids have. Also default header styles versus cloud header styles (cloud header styles have an option for the category tag color – http://prntscr.com/n5tefg )

However this could be done with some CSS. For example this code should allow you to change the background color and text color for normal and hovered caetgfory tags in the header
– http://prntscr.com/n5tgd0

#td-header-menu .td-post-category {
background-color:red;
color: yellow;
}
#td-header-menu .td-post-category:hover {
background-color:yellow;
color: red;
}

Use the colors you want in the code, then enter it in the theme panel custom CSS code section.
If you want to change it in other places let me know where and I will give you a solution. A link to the respective page and more details will be helpful if possible. Let me know.

Thanks

Hi,

1. Please check our documentation for footer -> https://forum.tagdiv.com/footer-templates/
Please provide me a link were you do not have the footer or sub-footer on your website.
2. In order to change the color for the links from footer and sub-footer please use this custom css
https://www.screencast.com/t/QAYpAuwU
.td-footer-wrapper .td-footer-info .footer-email-wrap a,
.td-sub-footer-container .td-sub-footer-copy a {
color: #fff;
}

3. In Order to change the background color for categorys on modules you can use flex blocks, those have more options -> https://www.screencast.com/t/YMahsrWRhMd -> https://www.screencast.com/t/ekEfe2XQ6r or if you want you can use a custom css
https://www.screencast.com/t/WORbzu7fK
.td-post-category {
background-color: red;
}
Feel free to change the color.

Thank you!

Hi,

Unfortunately this is the only way to do it for pages ( if you force with css the blocks will break ).
For article/post and category you can use some template from TagDiv Cloud Library stretch the template and apply that single post template on post ( global in the panel -> https://www.screencast.com/t/Ni3iAlcwjf7 ) and all post/article or category which will have that template set will be stretch.

If you stretch the content you need to use flex blocks or full blocks, only those will stretch to full with that you set.

Thank you!

Hi,

I think that will be more easy if you choose to use some flex blocks, those flex have some more options, you can set the layout of those on each device, in this way you’ll not need to hide a block for desktop and show it on mobile.
You can use a flex block and set settings per each device
On desktop: https://www.screencast.com/t/6HKNJjl35i
On mobile: https://www.screencast.com/t/Ik42eacS3DgK

Thank you for your understanding!

Hi,

That is true, when designing a cloud header template what you set in it for desktop will not appear on mobile. So you have to add elements when on mobile. So for example I have this content on desktop
– http://prntscr.com/n3kwyw and this on mobile – http://prntscr.com/n3kx50
Both the desktop header content and the mobile content are loaded, it is just that when on desktop the mobile header is hidden, and when on mobile the desktop header is hidden. But the elements are still there and loaded, just hidden.

The purpose of the mobile theme is to simplify the mobile pages greatly, that is why with it active the results are noticeably better when testing with speed tools. Now it can also be used together with the AMP official plugin.
We will improve it’s current functionality in future updates. If it’s not active the same exact content and resources from desktop will be loaded on mobile, and now with the somewhat new Google algorithm when testing it will take into account each website visitors loading speed on mobile and provide a score based on this.

The issue with the background loading transition is known, we will find a solution for it. The quick fix for the moment would be to enter this code in the theme panel analytics section, enter it as the first code there (before all other codes you have entered)

<style>.td-element-style {
opacity:1!important;
}</style>

Flex blocks use one of these thumbnails – http://prntscr.com/n3l80s This allows greater flexibility by for example setting a custom height or width for the module. But it also means that the image may not be exactly as the module, like with predefined blocks.
However from what I can see the flex block in the homepage on your website isn’t using a theme created thumbnail, instead the original image is resized
– http://prntscr.com/n3lb1r
I suggest that you regenerate the thumbnails so that they are created properly
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Also disable the jetpack image optimization module for images
– https://jetpack.com/support/site-accelerator/
Or begin by disabling this module first, and check if a thumbnail is loaded, before regenerating.

Thanks

Hi,

Grids and Full grids cannot be placed in split rows, only flex grids can be used like that
– http://prntscr.com/n3j1nm
Please use a flex grid if you want to use such a layout. There are multiple flex grids to choose from – http://prntscr.com/n3jaok Even flex blocks can be made to look like grids. These have many customization options.

Thanks

Hi,

Indeed that demo do not use the thumbs size, that demo have a problem and we’ll fix it as soon as possible, if you want to have the same results you can replace the blocks with flex blocks, on those you can change the image size and set it on full size
-> https://www.screencast.com/t/l9LSJuuZzc20
Sorry for the inconvenience!

Thank you for you understanding!

Hi,

1. That depends on what the page contains, maybe other factors if used, like row stretching, backgrounds, CSS styling. Best way to check if there are issues would be to copy the homepage content from the backend, into a test page and edit that with WPBakery. Do what is needed, then update and view the page.

A simple page containing normal theme blocks and grids (no flex or cloud library elements) should work just as well with both builders.

To avoid any possible issues it would be best to use just one page builder at all times, if possible.

2. This I can’t say exactly, I have seen users that use such extensions for WPBakery. In some cases there were some issues, but I don’t remember which add on was it about or what the problem was.
If it is possible, ask them if they have a trial version or if they can provide a refund in case there are problems. Be sure to test while the tagDiv composer is inactive, there could be conflicts.

Thanks

Hi,

At the moment something like that is not possible by a theme setting. It may be considered to add an option specifically for a flex block to make it capable of this functionality, if this request will become more popular. Sorry for the inconvenience.

Thanks

Hi,

You can take a look at our list of Flex Grid elements and if these do not satisfy you, you can try to create your own Flex Grid, using the API implementation. For more information about this case, you need to check our Developer Info section from here -> https://forum.tagdiv.com/developer-info/ Notice that if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thank you!

Hi,

1. In order to make the flex block to have the same height -> https://www.screencast.com/t/RSClg8m4 you’ll need to go in Theme panel> Excerpts and set the excerpts type on letters -> https://www.screencast.com/t/1joLOGQ2 , after that you need to edit the homepage with tagDiv Composer -> https://www.screencast.com/t/BUKPsqtn

2. You need to use the TagDiv Composer , change from General to style and set the size there for example 32px and 1px line height for post title -> https://www.screencast.com/t/aNypzCreDDi

3. Please check our documentation for How category settings work -> https://forum.tagdiv.com/how-category-settings-work/

Thank you!