Search Results for 'flex'

Hi,

1. You could select a block header style which features a center aligned block title. For example this one
– https://demo.tagdiv.com/newspaper/block-header-6/

If you mean the post titles in modules, you could use some CSS. For example this code will apply for block 4 only
– https://www.screencast.com/t/MfE8pedH

.td_block_4 .td_module_2 .entry-title {
text-align: center;
}

CSS codes can be entered in Theme panel->Custom code – CSS section.

2. Block 10 on a full row will display like this
– https://demo.tagdiv.com/newspaper/block-10/
These predefined blocks will always look like they are designed to.

However you could use a flex block, set one module per row, hide the image and excerpt and center align it (flex block 1 used in this example)
– https://www.screencast.com/t/IWTlEc3mKaq
The flex blocks are highly customizable, default blocks can only display in a predefined way. Experiment with these blocks and you should obtain the result you want.

Thanks

For me it looks good with Android and iPhone

Android – https://www.screencast.com/t/JpQixa3CIBSA
iPhone – https://www.screencast.com/t/hdPE4loi0I

I checked the flex block in the homepage as you mentioned.

I made a test with the same post, flex block 1 vs block 1 (which uses module 4)
– https://www.screencast.com/t/A0uDIZlquz
The result is the same for me. You could use the vertical alignment setting, but I see you use an older version of the theme and composer and the setting is missing for you
– https://www.screencast.com/t/x68ZR9Wz

Try this code in the custom CSS section and see if the images are aligned top in the flex block after entering it

.td_module_flex_1 .td-thumb-css {
background-position: center top;
}

Hi,

So the speed booster plugin finally activated. This should not be so difficult, all it requires is that the plugin be installed and activated.
If the booster detects plugins that are not part of the list mentioned above, it will have an inactive status.
If there are no such plugins it will have an active status.

If you remove the code as shown it will be active at all times, but note that it can create problems with your plugins. They might stop working or not function correctly if their resources are moved.

1. Maybe the hosting provides a cache system, you could contact them and ask about it. The theme has no caching by itself.

2. So there is a difference regarding how the flex block modules display with and without the speedbooster? We could take a look at that.
We will require admin access to your website, send the details by email at contact@tagdiv.com and also include a link to this topic in the email.

3. The loading of the theme CSS and also the child theme CSS should be moved. I also tested this and it works
– https://www.screencast.com/t/3sjfUzec
I checked this using only the allowed plugins and also with the code removed from the plugin, both the CSS are moved.

Thanks

Hi,

So you selected module 4 for a category page
– https://demo.tagdiv.com/newspaper/category/module-4-layout/

Module 4 is used in a couple of block, these ones
– https://demo.tagdiv.com/newspaper/block-1/
– https://demo.tagdiv.com/newspaper/block-17/

Or you can use flex block 1, make it look like module 4
– https://www.screencast.com/t/xthbOQJuF
The flex block is highly customizable and it can be made to look like module 4 in this case.

Thanks

It’s the same for me, if the retina thumbnails are enabled they will be displayed in the flex block modules.
I will add this on our list and it will be looked over as soon as possible. The flex blocks will receive more options over future updates, maybe even the capability to choose from all the thumbnails the theme creates.
Sorry for this inconvenience, a solution will be found in these matters.

Hi nguyenxuan,

In this example https://1.bp.blogspot.com/-zf4UyyTHhEs/W6ia9P-K2UI/AAAAAAAAHNc/54fRbolivd0mTwnhF14JTYFv3dWin-t9gCLcBGAs/s1600/Screenshot_1.png
is an 1068×0 thumb because is use Flex Block 1
https://www.screencast.com/t/SZCIxAoMjbqf

In Block Settings on the right you have info on wich modules/blocks are use that thumbs
https://www.screencast.com/t/mn6fhQiPS

Thank you for your understending.

Hi,

I checked a few of the flex modules in your website, seems that indeed the full images or some unusual sizes are used instead of selected thumbnails. For example this module
– https://www.screencast.com/t/lyt91bTX6z2
It uses a thumbnail size it seems of 1395x741px – https://www.thecarexpert.co.uk/wp-content/uploads/2014/07/car-finance-voluntary-termination-pcp-hp-agreement-e1476792854766-1392×741.jpg
That is not a theme created thumbnail and also not the full size of the image, quite unusual. The same image seems to have a 696px size created which should be used if selected
– https://www.thecarexpert.co.uk/wp-content/uploads/2014/07/car-finance-voluntary-termination-pcp-hp-agreement-e1476792854766-696×370.jpg

I made few tests, selecting different sizes for the image in the block
– https://www.screencast.com/t/ixvHrwCHL
– https://www.screencast.com/t/GiFKbq3bu
They are loading correctly from what I can see. The sizes you select should be used. The smallest at the moment is the 324x400px size.

Do you maybe use any image optimization plugins or image delivery services? Worth testing without them if you do. Or investigate all plugins at once. Deactivate them all as a quick test (except theme plugins), check if this has any effect.
Also create a new test page and use a flex block, select the image size, see if the same thing happens there. Let me know what you find.

Thanks

Hi,

This is not a issue, this is how it’s need to bee done ( why? because there are a lot of resolutions and the height for them is different ). If you want that, I can provide you some documentation and an example but I don’t recommend you to do it only if you are sure what you do, or you can hire a developer.
Documentation :
https://medium.com/@paynoattn/flexbox-sticky-footer-d19dab50c34
https://codepen.io/paynoattn89/pen/XerevL
https://css-tricks.com/fun-viewport-units/
See results:
https://www.screencast.com/t/Mq96UmyrW

Thank you.

Hi,

Only the category tags will appear in the module, these aren’t supposed to display other tags. That is the case for all the block modules not just for the flex.

The single post tags element will show all the tags the post has been assigned, just like it is using the predefined post templates. You select which tags you want for a post when editing it, then these tags will appear in the post page.

Currently there are no setting to choose from all the post tags, which ones will be displayed. Sorry for any inconvenience.

Thanks

Hi,

You can see how all the predefined blocks look here
– https://demo.tagdiv.com/newspaper/block-1/
The 1 column design is used on mobile. So for example this block will not show the excerpt on mobile, it is hidden
– https://demo.tagdiv.com/newspaper/block-16/

What block are you referring to exactly? I will try to give you a solution.

Also be sure to try the flex blocks. These can be made to look in many ways, with a considerable amount of options. These are some examples for flex block 1
– https://demo.tagdiv.com/newspaper/flex-block/

Thanks

Hi,

@blawrimore I believe this topic will be helpful in this case, with the necessary modifications
– https://forum.tagdiv.com/topic/read-more-button-and-cant-change-title-color/
You could use a child theme in order to not lose the customization
– https://forum.tagdiv.com/the-child-theme-support-tutorial/

Or you could simply use a flex block instead of block 4
– https://www.screencast.com/t/cxwy1ql4
This also has settings for the read more button
– https://www.screencast.com/t/eMDt5tw3jK

Thanks

Hello,

For the moment big grids are not customizable like a “flex block” but we are planning to ad flex grids as well in the future.

Thank you!

Hi,

The pagebuilder plugin is called tagdiv composer – https://forum.tagdiv.com/tagdiv-composer-tutorial/
Check if it is active on your site – https://www.screencast.com/t/Eh5ZRnxL
If it is active, just create a new page using it – https://www.screencast.com/t/dCcyfaP1x

Flex block is an element which can be used through tagdiv composer pagebuilder – https://www.screencast.com/t/PnJsw8glStm9

Thanks!

Hi,

The Read More button from blocks/modules should take the theme accent color you set in panel – https://www.screencast.com/t/h8mvTXfp6sa
There’s no option to change the background color for Read More button on individual blocks, sorry!
However you could use custom css in Theme Panel > Custom Css: https://www.screencast.com/t/WuUZb4NZvT

.td_module_wrap .td-read-more a {
background-color: #c63939;
}

Or you can use Flex Block on your page. It has color options – https://www.screencast.com/t/aywwSBTlAUN – https://www.screencast.com/t/Jol4FebP

Hope it helps!

Hi,

I see you use mostly flex blocks. Be sure to take into account when building the page, the mobile variant. For example while using four module per row in a flex block is fine on desktop
– https://www.screencast.com/t/clc9Uo96DDy
On mobile that will not look nice – https://www.screencast.com/t/ZC9Xzsisq11A
So while the mobile view is selected, choose for example one module per row
– https://www.screencast.com/t/O6GIVj28
Then on desktop there will be four modules per row, while on mobile there will be one.

Also the CSS tab margins padding etc are per device if you use them
– https://www.screencast.com/t/Zii5FqnV

If you use custom CSS use it per device – https://www.screencast.com/t/ndmigIDX

It depends on how you build the page, that will directly affect the mobile result as well. That will be the case with flex blocks. Th predefined blocks will always be automatically responsive, but the flex blocks will require more care when used.

Thanks