Search Results for 'flex'

Results from the Forum
Bettina
tagDiv Staff

Hello Sophia!

There should be a flex block2 and it’s editable with the TagDiv Composer.

Thank you!

Bettina
tagDiv Staff

Hello!

This issue has been discussed already here: https://forum.tagdiv.com/topic/show-all-categories-for-posts-on-homepage/
Please check the guide here: https://forum.tagdiv.com/flex-block-settings-guide/

Thank you!

Sophia_FACES
Participant
#0

Hi,

After updating to new version, I am unable to see my row that contains a flex box 1. What I am seeing on the home page is something different from what I have designed.

https://facesoman.com/

Sophia

Calin
tagDiv Staff

Hi aashishlowanshi,
Yes, you can utilized the directory with all pro demos, as long as those can be edited using tagDiv Composer the directory can be used – https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/
The problem that you faced I think that it was related to the type that needed to be filtered in the flex block, by default the theme blocks are filtering the posts, but you can set the type you need, for example, posts, pages, books ….
Also, you can import from cloud the template, blocks, modules you need. If you want we can take a look together to this situation.

Using the App Find Pro plugin will need to do change to the plugin to change the url and other structures, in my opinion it will be better to use the CPT Ui to can make the cpt and taxonomies like you need.
Thank you!

aashishlowanshi
Participant
#0

Is it possible to create a directory on a news website that is already utilizing the Newspaper theme’s demo site? Let’s use Chain News as an example. We have imported its demo and have also created several custom post types (CPT) using CPT UI.

We are currently attempting to establish a directory using one of the newly created post types called “Tools.”

However, when we attempt to filter the flex blocks using content published under the “Tools” category, it doesn’t seem to work. It appears that only content published under WordPress’s default post type is being filtered. Hence it’s not serving our purpose.

As a workaround, I installed the App Find Pro plugin. But when I add content, the URL structure appears to be like this: https://site.com/tdcpt_app_listing/tool-name/, and it redirects to the homepage.

Have I overlooked something in this process?

Calin
tagDiv Staff

The image son flex blocks are also set as background image. No as an optimized version for images and elements that can be display in a module is the module builder -> https://forum.tagdiv.com/modules-builder-newspaper-theme/https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
Now if the plugins can not convert the image in webp (or the can but the blocks can not get the webp format), the only remaining option is the lazy load that can improve the options – https://i.imgur.com/UnUEc5j.png
Thank you!

SNUDIFO67
Participant
#0

Hello,

I’m using Newspaper Theme (www.snudifo67.fr). In one of my flexblock I want to make appear the latest articles from a category. But when I turn the filter on this category, the new article don’t appear (the sort order option is turned on “latest”).
I verified in my categories and the article is tagged whith this category. How can I fix this problem?

Thank you very mouch

link to the printscreen : https://e.pcloud.link/publink/show?code=XZKO5WZzM7bO6Qzmv8F3wJFXvoxiFlhJeCk

danna
tagDiv Member

Hey Calin,
thanks for getting back! I use one of these plugins. I just saw except from the tdb-featured-image-bg also the images in the sidebar (Flex Block) are not loaded as webP. I use Performance Lab and EWWW Image Optimizer. The normal images in the posts are loaded as webP. Is there something i have to activate in the theme panel in order to deliver webP?
All the best,
Daniel

  • This reply was modified 2 years by danna.
Partha0000
tagDiv Member

You provide me a wrong screenshot I just don’t mean it. I provide you the code you provided me a screenshot that is the WordPress by default button I just don’t mean it.
Actually, I need 2 Static button when user scroll the page the button will always be static. For this reason I write the code and its working other WordPress theme fine.
I provide you the login information in the previous session. Please login and go to edit a post. Then select HTML and best the code. Then you can get exact information what I mean by it. The code is below:
<div class=”fixed-buttons”>

<button id=”whatsapp-button”>
<i class=”fab fa-whatsapp fa-3x”></i>
</button>

<button id=”phone-call-button”>
<i class=”fas fa-phone fa-3x”></i>
</button>

</div>

<style>
.fixed-buttons {
position: fixed;
bottom: 20px; /* Adjust the distance from the bottom as needed */
left: 50%; /* Center the buttons horizontally */
transform: translateX(-50%);
z-index: 9999;
text-align: center;
}

.fixed-buttons button {
padding: 10px; /* Adjust the button size as needed */
margin: 5px; /* Adjust the button spacing as needed */
background-color: #0073e6; /* Adjust the button’s background color */
color: black; /* Adjust the button’s text color */
border: none;
cursor: pointer;
}

.fixed-buttons button i {
margin-right: 5px; /* Add spacing between the icon and text */
}

.fixed-buttons button:hover {
background-color: #0054a9; /* Adjust the button’s background color on hover */
}


@media
(max-width: 768px) {
.fixed-buttons {
left: 20px; /* Adjust the left distance for mobile and tablet screens */
bottom: 5%; /* Center the buttons vertically */
transform: translateY(-50%);
display: flex;
flex-direction: column;
}

.fixed-buttons button {
padding: 5px; /* Make the buttons smaller for mobile and tablet screens */
margin: 5px 0; /* Add spacing between the buttons */
}

.fixed-buttons button i {
font-size: 24px; /* Increase the icon size for mobile and tablet screens */
}
}
</style>

Anamaria
tagDiv Staff

Hi,

You can have more layouts only on the rows; you can use those options for columns to align the elements in the column/row -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
-> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/

Thank you!

Partha0000
Participant
#0

Hello sir I want to add a code using HTML and CSS in this theme. But this code is not working. But I try another wordpress website where is install another themes in this another themes it’s working fine.

I just want to add two button in a specific post. The post will be sure to static button. It’s working another theme fine but in this newspaper things not work.

My website login username and password:

https://acallgirl.com/wp-admin

The code is in the below section:
<div class=”fixed-buttons”>

<button id=”whatsapp-button”>
<i class=”fab fa-whatsapp fa-3x”></i>
</button>


<button id=”phone-call-button”>
<i class=”fas fa-phone fa-3x”></i>
</button>

</div>

<style>
.fixed-buttons {
position: fixed;
bottom: 20px; /* Adjust the distance from the bottom as needed */
left: 50%; /* Center the buttons horizontally */
transform: translateX(-50%);
z-index: 9999;
text-align: center;
}

.fixed-buttons button {
padding: 10px; /* Adjust the button size as needed */
margin: 5px; /* Adjust the button spacing as needed */
background-color: #0073e6; /* Adjust the button’s background color */
color: black; /* Adjust the button’s text color */
border: none;
cursor: pointer;
}

.fixed-buttons button i {
margin-right: 5px; /* Add spacing between the icon and text */
}

.fixed-buttons button:hover {
background-color: #0054a9; /* Adjust the button’s background color on hover */
}


@media
(max-width: 768px) {
.fixed-buttons {
left: 20px; /* Adjust the left distance for mobile and tablet screens */
bottom: 5%; /* Center the buttons vertically */
transform: translateY(-50%);
display: flex;
flex-direction: column;
}

.fixed-buttons button {
padding: 5px; /* Make the buttons smaller for mobile and tablet screens */
margin: 5px 0; /* Add spacing between the buttons */
}

.fixed-buttons button i {
font-size: 24px; /* Increase the icon size for mobile and tablet screens */
}
}
</style>

ShawnTierney
Participant
#0

Good afternoon,

I need to find a way to show all Categories using a Flex blocks or flex grid. Currently I’m using Flex Block 1.

I know the documentation states only one Category can be displayed at a time, but any help editing the code so it can display more (typically 2 or 3 in my case) would be extremely helpful.

Thank you in advance,

Shawn Tierney

atleemcfellin
tagDiv Member

Thank you so much! I went through the Flex Box. In the “Layout” tab, there is an “Article Meta Info” portion that includes a section called “Category Tag.” But there doesn’t seem to be any option to “show all” categories.

I’m using the Center Magazine pre-built website and want each of the articles included on the homepage to show all the categories I’ve assigned to each post.

Please forgive my ignorance, but I’m still a bit confused.

Bettina
tagDiv Staff

Hello @atleemcfellin !

You can edit the homepage with the TagDiv Composer; click on those elements and check the settings on the left side of the editor.
Check the flex block settings from here: https://forum.tagdiv.com/flex-block-settings-guide/
More documentation about the cloud templates is here:
https://forum.tagdiv.com/cloud-library-templates/
https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
https://forum.tagdiv.com/cloud-library-category-templates/

I hope that helps you!

Thank you!

Bettina
tagDiv Staff

Hello!

Take a look here in this video for example where I build 6 columns: https://www.screencast.com/t/mZ2c5XamTFN2
In the flex block 1, there are some settings: https://prnt.sc/5Vr1zzKv4UYk
Also, you can install a section from the Cloud Library with an already done layout: https://prnt.sc/D3lGREu3iFwh -> https://prnt.sc/VTH4RpmnuGsw

Thank you!

hansolavnyborg
Participant
#0

Hi, maby stupid question, Im not getting the Flex Box 1 to fill out the column when using inner row, with a 2/ + 1/3 size layout. Is there a way to get the boxes to be dynamic in size so they match inside the row in size?

I would like them to be on the same row, matching hight and size. The post in both left and right column.

I now use the manual adjustment for th picture and font sizxe but its take time and does not get it to match.

Screenshot

Bettina
tagDiv Staff

Hello @maribilerm !

Please edit the homepage with the TagDiv Composer, check the filters in the blocks: https://forum.tagdiv.com/flex-block-settings-guide/
Click on the logo element and check in the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

Thank you!

Anamaria
tagDiv Staff

Hi,

You can use this option to filter a block by a taxonomy: https://i.imgur.com/q2evu55.png
The filter taxonomy-current is used on the template for taxonomies; on other templates, there are specific filter options https://forum.tagdiv.com/flex-block-settings-guide/

Thank you!

dmenciot
Participant
#0

Hi!
I am currently coming across the need of having something similar to a “tile/card” (same as those that FlexBlock or Grids produce, to showcase my Categories. What I want to show is the Category name and the eventual description/excerpt of the Category itself (not the posts specifically).

HEre you can find and example, being “Brand and Customer Strategy”, “Marketing” etc etc most likely their categories https://www.bain.com/consulting-services/customer-strategy-and-marketing/

IS there anything allowing me to achieve that result?

Thank a lot

Anamaria
tagDiv Staff

Hi,

Please try to use Flex Block Builder, set a module and check if it works, if not then please contact us via email.

Thank you!

Bettina
tagDiv Staff

Hello Yanko!

Yes. You can have a cloud template for tags or categories. In their pages, you can use flex loop to display the posts automatically. You can create something like this: https://prnt.sc/OQgTIn0c2sP6 similar as in this demo: https://demo.tagdiv.com/newspaper_app_find_pro/ -> https://prnt.sc/YlrS68z1TXED

Thank you!

Bettina
tagDiv Staff

Hello!

Those blocks don’t have this option because they are old. We recommend using Flex Block 1 because you can customize it more.

Thank you!

nachtwache
tagDiv Member

OK, helped myself… you must scroll down e.g. “Flex Block 1” in “General” settings to “Cache” … there you can activate 30minutes, 1hour etc.

But there is no cache-option for “Big grid flex” or “Big grid full” – or do I just don’t find it?

Anamaria
tagDiv Staff

Hi,

You can edit the homepage with tagdiv Composer and replace the big grid with a big grid flex -> https://forum.tagdiv.com/big-grid-flex-settings/

Thank you!

Viewing 25 results - 1,651 through 1,675 (of 6,276 total)