Search Results for 'flex'

Hi,

This topic is similar – https://forum.tagdiv.com/topic/removechange-red-gradient-in-fast-news-demo-menu/

The customization had to be made in the stylesheet, at the moment a gradient cannot be set in the header by theme settings. It could be removed in the demo stylesheet if needed.

You could also create another code to remove it or change it. This code will be loaded after the one from the demo, so the transition of the colors may be visible. First the default ones will be loaded, then the code you use with the different colors.

So you could remove that gradient in the demo stylesheet. I will make a note on our list so that the gradient will only apply on the header style the demo uses. So changing the header style to a different one will not display a gradient.

I should mention that a header builder is being developed, this will add more flexibility in managing and creating header styles. It will be introduced in a future update.

Thanks

Hi,

If you use WPBakery page builder the full grids may not display same as with the tagDiv composer. In this case it seems to be bigger in height. Try to use this code in The theme panel custom CSS section
– http://prntscr.com/lnhx8p
It should make the full big grid look as it should.

.td_block_big_grid_fl_8 .td_module_mx25 {
padding-top: 14%;
}
.td_block_big_grid_fl_8 .td_module_mx19 {
padding-top: 28%;
}

You could also use the flex grids, these can have stretched widths and many other customization options as well
– https://www.screencast.com/t/t6Fz8ddh
But these are only available in the tagDiv composer.

Thanks

Hi,

The flex grids were added in theme update 9.1 – https://www.screencast.com/t/sdIGSqr3m
Changelog can be seen here, at the bottom of the page
– https://themeforest.net/item/newspaper/5489609

If you use an older theme version than 9.1 the flex grids are not available in the tagDiv composer. Here is an update guide if you need it
– https://forum.tagdiv.com/how-to-update-the-theme-2/

Thanks

Hi,

Flex blocks have options to set a background for each module, also a shadow around them
– http://prntscr.com/ln58zl
You could experiment with flex block 1 which is similar to the ones you are mentioning. Colors can be set for the post title and post meta in flex blocks.

Block 56 you mention is made with flex block 1 and the settings I mentioned above. You can simply import it in your page and use it
– http://prntscr.com/ln5bl7
The fonts for the block title can be customized – http://prntscr.com/ln5cv8
The style can be copied from one block to another (same type of block)
– http://prntscr.com/ln5dg1
Saving the shortcode will allow you to re-use it as many times as you want. What exactly is the problem when you are saving it?

All blocks have a post limit option and filter settings. What is the problem you are facing here?

Only flex blocks have this many customization settings, the predefined blocks (1->25) do not. These predefined blocks will always look the same as they were designed. With the flex blocks you can recreate all the other predefined blocks.

For example all the blocks in the cloud library are flex blocks
– https://affiliate.tagdiv.com/#/load/Blocks

Thanks

Hi,

You can display a read more button in the module using flex blocks for example. Like this example with flex block 1
– https://www.screencast.com/t/UvFKQlEcDZc
There also are some default blocks that display a read more button. There is a list with them in this topic
– https://forum.tagdiv.com/topic/read-more-button-and-cant-change-title-color/

The more tag is not used by the theme, it will have no effect if you enter it in the post content.

Thanks

Hi,

If this is what you want to achieve https://www.screencast.com/t/S0Z6r6e8 please add the below css in newspaper>theme panel>custom code>custom css
.td_block_23 .td_module_18 .meta-info-container {
text-align: left;
}

Also if you want to have more control you can use a flex block ( flex block 5 is similar with block 23 )

Thanks.

Hi,

That would be possible. Are you using the default WordPress blog page? In that case you can choose a module that doesn’t display a thumb
– https://www.screencast.com/t/lrmCcahg

If you use a static page built with the tagDiv composer, use blocks that don’t display a thumbnail. Like these
– https://demo.tagdiv.com/newspaper/block-9/
– https://demo.tagdiv.com/newspaper/block-10/

Also note that flex blocks have an option to remove the thumbnail, and many other settings
– https://www.screencast.com/t/3C9J8naQJ
You can use those as well.

If you have more questions please let us know.
Thanks

You can download the theme from your themeforest account. The latest theme version will always be available for download. You can update through the Envato plugin as well if you want to, the method is described in the guide.

I provided the page content from the demo so you can use it as an example, not to use it all in your page. I meant that you simply check how the top flex grid was made, so you can recreate it on your website.

As I mentioned above simply using the same grid type as the demo is not enough to get the same result. The grid has additional customization, flex grids have many options
– http://prntscr.com/llgait

This is the code for the grid itself, not the whole page – https://pastebin.com/t6BfN1pG
I have separated it from the rest of the demo page content, use it as you wish.

The flex grids were added in theme update 9.1 – https://www.screencast.com/t/sdIGSqr3m
Changelog can be seen here, at the bottom of the page
– https://themeforest.net/item/newspaper/5489609

If you use an older theme version than 9.1 the flex grids are not available in the tagDiv composer. Here is an update guide
– https://forum.tagdiv.com/how-to-update-the-theme-2/

The suggestion I mentioned doesn’t require code modifications of any kind, that is the page content of that particular demo homepage. I have pasted the page content here for convenience
– https://pastebin.com/DRv6KAys

After you update, copy the code in a new page – https://www.screencast.com/t/4KXNmxUB
Then edit it with the tagDiv composer, that is the homepage from the gossip demo. You can then see how the top flex grid is customized. Most demos contain customized versions of default theme elements.

Hi,

That demo uses a flex big grid, flex grid 6 to be more exact. Only flex grids have settings to adjust the image size of the modules
– https://www.screencast.com/t/A0ItXN3K0ea
If you want to achieve the same result you could use the flex grid, just like in the demo.

For example copy the homepage code from the gossip demo in a test page
– https://www.screencast.com/t/0sz2Lw1jNvM
Then edit it with the composer, click on the flex grid at the top and see how it is made, what values are used.

We will try to add such designs from demos in the cloud library in the future.

Thanks

Hi,

That top space is the padding of the page, default value is 48px, but in the journal demo it’s set to 80px.
I could give you a code to remove it – http://prntscr.com/lk745p
Enter it in Theme panel->Custom CSS section

.td-journal .td-main-page-wrap {
padding-top: 0;
}

Regarding the width, please check the row settings stretch settings
– https://www.screencast.com/t/jVXVNFORbg

As for the ratio, only flex grids have settings to adjust the image in the modules
– https://www.screencast.com/t/mQGx6f2a2
So you can control image alignment, image height and width. Default big grids and full width grids don’t have such settings.

The images in the mega-menu should be of this size, it cannot be changed
– https://www.screencast.com/t/Q0N3opVZYKQy
In your case some of the thumbnails are not created properly. Please regenerate the thumbnails to recreate them
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thanks

Hi,

The zoom can be disabled in the grid settings – https://www.screencast.com/t/XSjCBVnmA
So if you don’t want this effect, disable it.

A code solution as you mention would work just as well. Either use the default big grid with additional CSS, or the flex grid with the hover setting disabled.

The rollover effect is also a setting in the flex grids, so it can be enabled/disabled
– https://www.screencast.com/t/uzxZrgzWp

Thanks

Hello Fatih,

Ensure that you are using the latest version of the theme installed via FTP way, clear all the caches and check the results. If the problem is still there, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further investigate it closer your Flex Block. Also, if you want to make some tests with the Flex Block, you need to check the following link from here -> https://affiliate.tagdiv.com/#/load/Blocks

Thanks for the message!

Hello PornoPlague,

If you want that your post title to be under your featured images, you should use the Flex Block 1, for example, and use the Meta info alignment to the bottom from here -> https://www.screencast.com/t/NM48fw5c4Al7 Use the Cloud Template library according to our documentation from here -> https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
You can make some demo tests from here -> https://affiliate.tagdiv.com/#/load/Blocks

Thanks for the message!

Hi,

You could simply use Flex grid 4, which is similar to Big grid 12. The flex grids have options to customize the space between the modules.
For example I can set a space of 2px like this (also increase the height of the images to compensate the smaller space)
– http://prntscr.com/lk3pc3
– http://prntscr.com/lk3ttp

Thanks