Search Results for 'flex'

Results from the Forum
Anamaria
tagDiv Staff

Hello,

The only solution is to use a posts loop block; this is the behaviour flex loop block.

Thank you!

jkakade
tagDiv Member

Hello,
I made little changes to the code:

.td_block_inner {
counter-reset: section;
}
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
counter-increment: section;
content: counter(section);
color: #767676;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
text-align: left;
display: block;
position: absolute;
}


@media
(min-width: 768px) and (max-width: 1018px) {
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
font-size: 20px;
}
}

But the numbers and the titles overlap with one another. I want numbers to come first followed by some space and then the titles.

Mark Gilbert
Participant
#0

Hello – if I set excerpt length to the last word of a paragraph in the post content, the excerpt (in Flex Block 1 and perhaps everywhere else too) includes the (unwanted) first word of the next paragraph. Post template is Town Talk.

See here https://jazzjournal.co.uk “Obituary: Benny Golson”. 67 words selected in excerpt length field but 68 appear on page.

Here in video: https://app.screencast.com/yNHQ8IjTyre2X

Thanks
Mark

Anamaria
tagDiv Staff

Hello,

In order to make them to look the same size, you’ll need to set an excerpt on title and post content like this -> https://i.imgur.com/o8UQm5B.png
Also, you can set the excerpt on words or letters from theme panel -> https://i.imgur.com/c7Q8ckX.png
Here is a similar topic -> https://forum.tagdiv.com/topic/flex-block-1-and-same-blocks-height/

Thank you!

Mark Gilbert
Participant
#0

Hello – I have a author page – https://jazzjournal.co.uk/jazz-journal-contributors/ – listing our writers. I’d like it to look more stylish (in line with Town Talk that I have adapted) and to have the writers in alphabetical order across 3 columns. I cannot see how to do the latter, because no multi-column feature seems available. I have had to create 3 separate columns. I can order alphabetically in each column but not across 3 columns. Is there a template that would allow a continuous alphabetical flow across 3 columns? Or can I do something with a flex block to get this result?

Many thanks
Mark

Jinxer
Participant
#0

In the flex loop filters, after selecting a category, the URL changes to this format: https:// site. com/?tdb_tax_categories=cat1. How can I remove “tdb_tax_” from the URL? I’m using “categories” as the taxonomy key in ACF, so where is “tdb_tax_” coming from?

theheritagelab
tagDiv Member

Hey @Calin,

Thanks, though I think am still a bit unclear or perhaps I did not explain correctly.

I used ACF to create a Co-Author field. My Co-Author field group is a user-type currently and in the backend, I can choose the user from a dropdown list. I am able to display it on the post as well by modifying the single-post template.
Then you need to use a single post template, edit it using tagDiv Composer and add the custom filed element and select the acf for authors- https://i.imgur.com/3pgDu6E.pnghttps://i.imgur.com/LCkuu1D.jpeghttps://i.imgur.com/vhOMOJI.png
— so I guess this part is sorted.

What am unable to do is, have the post show up in the author archive of the Co Author. It only shows in the primary author’s archive.

To display the co-authors on blocks you need to create modules were you can create the layout of blocks and add elements you want there you can add the custom fields too – https://forum.tagdiv.com/modules-builder-newspaper-theme/https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/ — Thank you, I will try this!

Calin
tagDiv Staff

Hello theheritagelab,
Yes, you can use ACF to create a Co-Author field, we’ll be something like this:
Add a new field:

  • Field Type: Relationship (this allows you to link other users/authors).
  • Label: Co-Authors.
  • Name: co_authors.
  • Post Object: Set the relationship to link users (authors) as co-authors.
  • Under Field Settings, choose:

  • Post Type: Select “Users” (or “Authors” if using a specific role for authors).
  • Filter by Taxonomy or Role: You can filter to only show users with the role of “Author” if desired.
  • Then you need to use a single post template, edit it using tagDiv Composer and add the custom filed element and select the acf for authors- https://i.imgur.com/3pgDu6E.pnghttps://i.imgur.com/LCkuu1D.jpeghttps://i.imgur.com/vhOMOJI.png

    To display the co-authors on blocks you need to create modules were you can create the layout of blocks and add elements you want there you can add the custom fields too – https://forum.tagdiv.com/modules-builder-newspaper-theme/https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/

    Thank you!

    Anamaria
    tagDiv Staff

    Hi,

    You can use the custom label in the posts editor-> https://i.imgur.com/gTtAQRv.png, which will be displayed for Flex Block and Big Grid Flex -> https://i.imgur.com/3Uop58r.jpg and this appears only when you set there something. This element can’t be added in Single Post Template.

    Thank you!

    Anamaria
    tagDiv Staff

    Hi,

    Yes, you can use that element, and the flex loop block works like posts loop.

    Thank you!

    Anamaria
    tagDiv Staff

    Hello,

    You can use Flex Loop Filters, but these filter work only on the Flex Loop Block https://forum.tagdiv.com/filters-sorting-taxonomies/

    Thank you!

    Anamaria
    tagDiv Staff

    Hello,

    Please add this class to the block td-numbered-post-flex and add this code in a raw CSS https://i.imgur.com/2EpPwHa.jpeg -> https://i.imgur.com/uOHyM9l.png
    .td-numbered-post-flex .td_block_inner {
    counter-reset: section;
    }
    .td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
    counter-increment: section;
    content: counter(section);
    color: #d2dae1;
    border-radius: 50%;
    font-family: PT Serif, Serif;
    font-size: 42px;
    line-height: 1;
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: 10px;
    }
    @media (min-width: 768px) and (max-width: 1018px) {
    .td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
    font-size: 30px;
    }
    }

    Thank you!

    Anamaria
    tagDiv Staff

    Hello,

    I recommend using a single post template -> https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/ For example, add a flex block in a post template, go to the filter tab of the element’s settings, and from the dropdown category filter, you can choose between Single – More from author, Single – Related by category, Single – Related from tags. Those special filters will work as expected https://forum.tagdiv.com/flex-block-settings-guide/
    For the moment, the only solution is to use a custom css to remove the section “More From Author”:
    .td_block_related_posts .td-related-right{
    display: none;
    }

    Set the code in Theme Panel – Custom code – custom CSS.

    Thank you!

    Mark Gilbert
    tagDiv Member

    Many thanks, Anamaria – I will check this out. But neither of those pages has a flex block, only posts loop in each page. On the category page the presence of the tt-icon code has an effect, closing or opening the next-prev arrows, on the author page it has no effect – the arrows are always together at the left. Just curious…

    Calin
    tagDiv Staff

    Hi Mark, do you want this kind of flow on blocks or articles?
    If is on articles it can be done using the columns css and the results will be – https://i.imgur.com/4dQAQxD.png
    If is on block – you can use flex block 1 option for excerpt columns – https://i.imgur.com/MNTvk8N.png
    I hope this will help you!

    Anamaria
    tagDiv Staff

    Hello.

    The code is working only for flex block 1, so if you want to work the code also, for posts loop then you need to add it to the code to align the pagination.
    Also, please check if you don’t in the template a custom code set in the raw css -> https://i.imgur.com/9jCfTyg.png

    Thank you!

    williamlifaith
    Participant
    #0

    I am currently using the Newspaper 12 theme to build a news website. The website needs to have three separate language homepages, and when clicking through the homepage, each language should lead to its own corresponding detail page.

    I don’t want to use translation plugins because the news content for each language is different, and I need flexibility in managing the content. So, I need three distinct URLs, each corresponding to a different dynamic homepage. Additionally, when I publish posts in different languages from the backend, only the homepage in the same language should display the posts.

    How can I set this up? What are the best ways to manage such multilingual content flexibly?

    Mark Gilbert
    tagDiv Member

    I see the CSS code in the Live CSS in both the above pages is the same:

    .td-container-wrap .td_flex_block_1{
    display: block!important;
    }
    .td-a-rec{text-align:left;}

    and both have extra class tt-icon

    Therefore, I don’t understand why on https://jazzjournal.co.uk/author/nigel-jarrett/ the arrows are together at the left (the default?) and on https://jazzjournal.co.uk/category/reviews/audio-reviews/ they are separated at left and right of the page.

    Thanks

    Anamaria
    tagDiv Staff

    Hello.

    1. You can set the title you want using the element custom title and hide the headers -> https://i.imgur.com/ZT0yHWO.png
    2. You can set the shadow here https://i.imgur.com/IoLi30k.png
    3.In order to make them to look the same size, you’ll need to set an excerpt on title and post content like this -> https://i.imgur.com/o8UQm5B.png
    Also, you can set the excerpt on words or letters from theme panel -> https://i.imgur.com/c7Q8ckX.png
    Here is a similar topic -> https://forum.tagdiv.com/topic/flex-block-1-and-same-blocks-height/

    Thank you!

    Anamaria
    tagDiv Staff

    Hello,

    You can also create a page and set the page here: https://i.imgur.com/m5RJ2mH.png. in that page, set a flex block and customize and filter as you want.

    Thank you!

    Anamaria
    tagDiv Staff

    Hi,

    You need to filter the block on the category you want to show it-> https://i.imgur.com/nlJvq8B.png -> https://forum.tagdiv.com/flex-block-settings-guide/ -> https://forum.tagdiv.com/what-is-ajax-preloading/ You need to edit the page with the tagdiv Composer and select the block to apply different filter and sort options.

    Thank you!

    Anamaria
    tagDiv Staff

    Hello,

    On the single post template, you need to use this filter Single – Related by category: The articles can be displayed and sorted by the current post category.
    You can find the documentation here https://forum.tagdiv.com/flex-block-settings-guide/

    Thank you!

    Mark Gilbert
    tagDiv Member

    Hello, Anamaria – I’ve tried selecting current category in a Flex Block 1 used in a post as in column 3 here under “Read more”:

    https://jazzjournal.co.uk/2024/10/01/new-releases-oct-nov-2024-q-s/

    I expect it to show posts from the same category as the current post (“new releases”) but it always shows “audio reviews”.

    I suppose I’m expecting the wrong thing. How does “current category” work? Can’t find any documentation on it.

    Thanks

    Mark

    fabienpomies
    tagDiv Member

    Hi Anamaria,

    Thanks, it works ! I have three others answers please :

    – Is it possible to change what is written in the title of my filters ? I’d like to replace “Tags” with “Training type”.
    – I can’t put a shadow behind my elements as I did on this page: https://cadentes.dessitesetdesclics.fr/actualites/
    – How can I get my elements to have the same height? I have the same request for the Flex Block 1 that I put on this page: https://cadentes.dessitesetdesclics.fr/actualites/

    Anamaria
    tagDiv Staff

    Hi,

    The Flex Loop Filters works only Flex Loop Block, so please check the video -> https://we.tl/t-wUcb8IHpvW

    Thank you!

    Viewing 25 results - 876 through 900 (of 6,276 total)