- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
- Apitd_api_thumb::add
- ApiAPI – Thumbnail – Introduction
- Apitd_api_category_top_posts_style::update_key
- Apitd_api_category_top_posts_style::update
- Apitd_api_category_top_posts_style::add
- ApiAPI – Category top section style – Introduction
- Apitd_api_module::update_key
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
- ApiThe Theme API
Hello,
For the category template, if you have set a posts loop then will display all posts in this category or you can use Flex Block 1 and set the filter to “Category -Current category” => https://i.imgur.com/7P99qx0.png
Thank you!
Hello,
Using the column title you can design it with custom code css.
You need to add an extra class on the element, for example, I set .e-cls -> https://i.imgur.com/cn2xPef.png
.e-cls .tds-title *:before {
content: '';
display: block;
height: 4px;
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
width: 70%;
background-color: red;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Hello Debra!
Use the cloud/PRO templates in order to have the possibility to edit them with the TagDiv Composer which contains a lot of functions and features, please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
Documentation 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/
Check also our video tutorials here: https://www.youtube.com/c/tagdivThemes/videos
You can import any cloud templates from any demos you like from the Cloud Templates and assign it on your website, or you can build them from scratch by importing a blank template(in order to make it editable with the Composer).
When you edit the page with the TagDiv Composer, add the element called “Flex block” and there you can see the settings from that screenshot.
Thank you!
In every text block (like “text with title”), I initially add text and save it. It shows on the website fine.
BUT when I edit it by clicking “Edit content”, the “WP Editor” pops up, although the text field is EMPTY (even though I added text another time). I can’t even paste text into this field.
Anyone had this problem or know how to fix?
NOTES:
* I’m using the latest version.
* Other fields/blocks seem to work fine.
* The browser ad blocker is disabled.
* The same happens in any browser.
* In “system status”, clearly my server meets all recommended specs (things like “WP Memory Limit”)
Basically the WYSIWYG “WP Editor” window is normal in every way, except it is BLANK when I try to edit existing text.
Hi . .I’m still trying to figure out how to make this work for me. Can you tell me how I can navigate to the Flex Block settings . .as shown here Example: https://prnt.sc/RJNYyGxi6sEk
Thanks for the reply. However, that sets a line underneath the column title
like this:
TITLE
__________
– but on the flex blocks it follows the title like this: TITLE ———-.
Is there a way to get it like that?
Hello,
The style that you can set on the element Column Title are those -> https://i.imgur.com/zSYsYsO.png
You can set a header title on each flex block.
Thank you!
Hi,
This plugin is not required from version 10.4, because the new demos are using cloud templates, also, maybe some plugins blocked the process to install and activate the plugin.
Thank you!
Can you tell me how I can style the column title block so that it matches the headings on flex blocks – so that they have a coloured line to the left?
Hi!
My issue is partially solved.
Now it adds the 2 brackets, but it doesn’t overwrite the style.css blockquote parameters. I’m not an expert, but I was lucky to find the CSS scrips in the style.css file:
}
.td-page-content blockquote p,
.td-post-content blockquote p,
.wpb_text_column blockquote p,
.td_block_text_with_title blockquote p,
.mce-content-body blockquote p,
.comment-content blockquote p {
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 40px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
color: #4db2ec;
}
Only changing them here I can for example change the font size, the color, etc. Therefore as I understand only the bold script of the custom CSS is recognized.
.td-post-content blockquote {
max-width: 600px;
text-align: center;
margin: 20px;
padding: 20px;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 20px;
color: #428bca;
border-left: 4px solid #428bca;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-right: 4px solid #428bca;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
Clearly, I prefer not to make changes in the style.css file, also because probably they will be overwritten when the theme is updated.
For sake of clarity for future users that will eventually read this post having the same needs. You cannot change the style of the blockquote from “Newsmag – Theme panel”, but you need just to add the code in the custom CSS field of “Newsmag – Theme panel”.
Hello Yen,
Post
1. Bettina will investigate the problem and help you solve it.
2. Please set the code like this and see if it works https://i.imgur.com/N1XCqQ3.png
body .td-social-line
{
display: inline-block;
}
4. Only if you found a plugin, to add other creators.
Search
1. Unfortunately, you can change only the text, you cannot assign a template when you have nothing to display, so the design cannot be changed.
The text can be changed from Theme Panel -> Translations -> Translations.
2. Please go and edit the search template, and set post type post -> https://i.imgur.com/LaBYWsp.png
Thank you!
Hi,
Normally a query like that is related to the elements set with tagDiv Composer. For example, if you set a block, the limit of articles, offset, filter that will be applied to that block is set…all these are included in a query of that kind.
Thank you!
Hi,
Now I understand what you mean.
This code is working with the Newsmag too, all you need to do is to add an extra class.
Please try this css:
.td-post-content blockquote {
max-width: 600px;
text-align: center;
margin: 20px;
padding: 20px;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 20px;
color: #428bca;
border-left: 4px solid #428bca;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-right: 4px solid #428bca;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
I hope this will help you!
I mean if it is possible to set a custom style.
With other themes, I just enter for example the following CSS code to obtain a blockquote in a sort of brackets.
blockquote {
max-width: 600px;
text-align: center;
margin: 20px;
padding: 20px;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 20px;
color: #428bca;
border-left: 4px solid #428bca;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-right: 4px solid #428bca;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
Bust if I try to do so with newsmag it doesn’t work or better, is a merge between the standard theme’s blockquote style and this one.
I’m sorry for my English, hope I was clear.
Thanks.
J
Hello,
The blockquote style can be set from the Gutenberg editor -> https://i.imgur.com/cDNfmXu.png
If this is not what you mean, please let me know!
Thank you!
Hello everybody!
How can I change the blockquote style to modify the layout with or without CSS code? I’ve tried to add a custom CSS code, but I see that conflicts with the standard template’s style…
Thanks.
Hello Joe,
Please stretch the row where the block is added -> https://i.imgur.com/JKkMmh7.jpg
Thank you!
We are using Cloud Templates and are using the plugin Simple Local Avatars to load headshots of our authors. When we display our post with authors’ headshots in our post using the block Single Post Author Box, the headshot image is not displayed on our post. Our WP site, Theme, and plugins are all up to date. Please see the video https://www.screencast.com/t/v0WEk9iv. We are using the same theme older version 10.4 and all is working correctly. Here is another site same Theme older version 10.4 and the same plugin and it also using the block Single Post Author Box and is working fine. https://hrexecutive.com/inside-eys-22-million-strategy-to-get-workers-back-into-the-office/
Please advise.
Hello Yen,
Post
1. For this error, please check this topic: https://forum.tagdiv.com/topic/error-at-zones-6models-1dom-the-model-does-not-match-the-content-currene/
2. This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/slYFHBpS8tr
.td-social-line{
display: inline-block;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
3. The authors need to be WordPress users.
4. To add a new role, you need to use a plugin -> https://www.namecheap.com/wordpress/wordpress-user-accounts/
Search
1. Please let me know if you want to change the text or design.
2. You can exclude the pages from search https://i.imgur.com/TFQ2IGH.png but you can use a plugin that can exclude only the selected page/post -> https://wordpress.org/plugins/search-exclude/
Mobile
1. Could you please elaborate on what you mean by RWD? The AMP works better only with the Mobile Theme plugin. From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
It comes with its own templates/design for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. Documentation here:
– https://forum.tagdiv.com/the-mobile-theme/
– https://forum.tagdiv.com/mobile-theme-introduction/
Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Note that you can not customize AMP so much, because it comes with its own design.
There are some settings in the Theme panel -> Mobile Theme and Dashboard -> AMP only.
You can not add a shortcode as in the TagDiv Composer. Please note that you can’t customize the AMP pages with the TagDiv Composer.
Make sure the redirect mobile visitors to the amp option is disabled.
Thank you!
I want to create a DYNAMIC LINK by using ACF Field. From what your answer above is just a way to Display the ACF Field. and BY using CUSTOM FIELD block it have a unique url not dynamic that I can input from the back-end.
How to use ACF Fields in a href html tag?
Example:
I create a Directory Page where URL is different from each shop.
I have a Shop URL : http://www.someoneshop.com << this has two ACF value(display text; URL)
so from the Back-end I can input the value (display text; url) and it’s will display the dynamic link in the front end for visitor to see.
something like this:
a href='[acf field=”website_link”]’ target=”_blank”>[acf field=”website_display”]/a
@Micha @Bettina – Based on anything i read here i think i can leave my site as it is. I think i will find a solution to give my ACF-Fields the right position.
The tagDiv composer simply lacks a schematic view where you can see the elements as simple blocks in their arrangement. Like Divi or Visual Composes have it.
-
This reply was modified 4 years by
AgentSmith01.
Hi there,
I want to show review category blocks only for mobile users. How to do it?
Hi,
But that is related to blocks etc. on other pages, right? And not on the post page itself?
This is the “work-around” on my home page.
It is not good — for the viewer, the Slider operates differently than every other Flexblock on the page. And differently from every website photo that everyone is used to clicking on.
https://imgur.com/a/YWCmy4P
Please fix this ! Thank you.
-
This reply was modified 4 years by
fredredwoods.
Hello —
You wrote: “The slide was design to link only if you click on the post title.”
I would consider this a necessary and required improvement to the Slider, if your programmers can fix this.
As it is now, I have no idea if my viewers are being frustrated and do not know how to use the Slider — that is, if they click on the right side of the photo nothing happens, but if they click on the left side of the photo then they are taken to that article.
With every other image in a Flexblock on the website — the user can click anywhere on the image. But not on this one.
Please consider adding this improvement to the Slider. Otherwise it is inconsistent with every other photo link.
-
This reply was modified 4 years by
fredredwoods.