No search results were found in Documentation!
Hi,
You could try something like this to display the date before the title
– https://www.screencast.com/t/h1MV3CfP2
Maybe add the same class like this
– https://www.screencast.com/t/EJxmducou
It also may need further styling, you can use the browser inspector to identify the elements and classes to create custom code, that can be used in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For the hover instead of click on the ajax filter, try making modifications here
– https://www.screencast.com/t/1vC1FZeS7
Unfortunately we do not a have a dedicated theme customization department at the moment. For advanced modifications to the theme functionality, you can try to make theme yourself and test or maybe consider hiring a freelancer/developer to help you.
In some cases there are solutions posted here on the forum that you can use.
Thanks
Hi,
I am assuming you mean the dotted border on the lines inside the Recent posts widget, but I see that you have managed to change it
– https://www.screencast.com/t/ypJ9J6hBk
You can use the browser inspector to identify the elements and their classes, it is a very powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
You could change the color for the article title displayed on modules, with custom code. Like in this example
– https://www.screencast.com/t/iIqtDEqH
Use the browser inspector to identify the elements on the page and their classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will help you, if you could specify what exactly you would like to change and how, for a more accurate answer.
Thanks
Hi,
The font proprieties for the header menu can be changed in he theme panel
– https://www.screencast.com/t/LZvDmLohFCp
You could reduce the padding between the menu items. The default is 31px
– https://www.screencast.com/t/dQjnK9Vy2
Try a code like this one for example (you can modify the value as you wish)
– https://www.screencast.com/t/1Cyhn9zlc
#td-header-menu .sf-menu a.sf-with-ul{
padding-right: 15px;
}
There is no option to change the pagination that is present in the menu. If you would like to style it further, you could use the browser inspector and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
If the theme system status is according to the documentation there should not be any problems to save theme panel settings
– https://forum.tagdiv.com/system-status-parameters-guide/
Please check in the theme panel while saving settings, if there are any errors in the browser console. Press F12 to bring up the inspector window and then open the console
– https://www.screencast.com/t/ENQ5a8CB8
Check if there are any errors in this console. The admin ajax process could be blocked by the server, because of the multiple requests that it makes. In this case you can contact the hosting provider and explain the situation or provide a screenshot with the error.
They should be able to fix it.
Please let us know the results.
Thanks
Hi,
You can use the browser inspector to identify the elements used on the page and their classes. This is a very powerful tool for website inspection and also live customization. This is an useful guide about it
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For example if you would like to hide the ad on a particular post page, you could do it like this (using the unique post ID, or page ID)
– https://www.screencast.com/t/EDXdjCIwA6Iz
Thanks
Hi,
Please check with the browser inspector while trying to open that section of the theme panel, if there are any errors. Press F12 to bring up the inspector, then go to the console tab
– https://www.screencast.com/t/ENQ5a8CB8
The admin ajax process could be blocked by the server, in which case you need to contact them and explain the situation, and maybe provide them with a screenshot of the error.
Please let us know the results.
Thanks
Hi,
Each demo has it’s own custom styling and design. I believe the Gadgets demo has a social icon hover color set in the theme panel
– https://www.screencast.com/t/RMJGOHz4SD
– https://www.screencast.com/t/Zh4D0Ja89DOl
Remove that color and the social icons in the top menu and footer sections will be displayed as default. Or set a custom color of your choosing.
The color for the active and hover color can be changed in the theme panel, for all the menu items at once
– https://www.screencast.com/t/BXnOtKMw
A color cannot be set individually. That could be done with custom code however.
This is a tutorial about using the browser inspector to identify the elements on the page and their classes in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
Disabling the tagDiv composer should not have any effect in pages built with Visual composer or crash the website or page.
There might be other factors that could be causing this kind of layout issues. Plugins, custom code in theme panel or in the theme files, customization of the theme elements (like blocks and modules) directly or through a child theme.
If you could maybe provide a link to the website you mention with the layout issues, we could inspect it.
Try using the browser inspector to inspect the block mentioned, and maybe identify what is causing it to display like that and where is it coming from.
Thanks
Hi,
If the theme system status is according to the documentation there should not be any problems
– https://forum.tagdiv.com/system-status-parameters-guide/
Please check in the theme panel while saving settings, if there are any errors in the browser console. Press F12 to bring up the inspector window and then open the console
– https://www.screencast.com/t/dMlpgvBdo
Check if there are any errors in this console. The admin ajax process could be blocked by the server, because of the multiple requests that it makes. In this case you can contact the hosting provider and explain the situation or provide a screenshot with the error.
They should be able to fix it.
Please let us know the results.
Thanks
Hi,
The website is custom made by the design team. I cannot provide you with the styling that is used for it, if that is what you are asking. You can inspect it if you want to see in detail how it is made, with the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please note that more elements and options will be added to the tagDiv composer in future updates, something similar to the design of the post template you mention could be implemented as well. I could not say for sure however.
Thanks
Hi,
There are many ways in which you could improve the design. Using the tagDiv composer you can achieve many layouts, you just need to have some inspiration or create unique designs
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
These are all the blocks that are available with the composer (use selection on the right)
– https://demo.tagdiv.com/newspaper/block-1/
These are all the Big grids and Full big grids, each with many styles available
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
The rows and blocks can have background colors or images, the columns as well
– https://www.screencast.com/t/A9ZriAPyjtWv
Use the theme color settings to add some color to the website
– https://forum.tagdiv.com/theme-colors-introduction/
If there is no setting for what you need, create your own custom code and use in in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Here you can see some showcases of other websites, each with their own
– http://tagdiv.com/newspaper-showcase/
Thanks
Hi,
The background setting will apply on the whole website. There is no option to set a background only for specific pages or posts. When setting a background through the theme panel some classes will be applied to make the website boxed, it would be hard to replicate that for particular pages.
On pages, with the tagDiv composer you can set background colors or images for the rows for example
– https://www.screencast.com/t/uniivqFv6X
You could try with custom code based on page ID, maybe something like this
– https://www.screencast.com/t/oAMORoVH
.page-id-16558 .td-container-wrap {
width: 1164px;
}
@media (max-width: 1180px) {
.page-id-16558 .td-container-wrap {
width: 100%;
}}
body.page-id-16558 {
background-color: red;
}
But this is not tested properly, you could give it a try if you want to or modify the code further. Use the browser inspector to identify the elements and classes on the page
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
Please check the theme system status and make modifications to the parameters mentioned in this guide, if necessary
– https://forum.tagdiv.com/system-status-parameters-guide/
Then check if the theme panel is saving properly. If you still have problems, press F12 in the theme panel to access the browser inspector and go to the console tab. Check if there are any errors while saving settings in the panel.
Thanks
Hi,
A background cannot be set only for posts, it can be set in general. You could use the primary category setting. If you set a primary category for posts, all the posts form that category will inherit the background set for that particular category
– https://forum.tagdiv.com/primary-category/
The article content is always white, it could only be changed with custom code. Extra container cannot be created, that would require serious modifications to the theme files.
You could use the browser inspector to identify the elements on the page and the classes used to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
So you can use the primary category to make the posts inherit the background color of the category, and use the border shadow code provided, or modify it as you wish.
Thanks
Hi,
With the browser inspector you can inspect any element on the page. For example Block 9, right click the article title and click inspect
– https://www.screencast.com/t/KXcqgRTCe29
This is a guide about using the browser inspector to identify elements and classes used, in order to make custom code, or simply inspect them
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please let me know if you need further help, and thank you for your appreciation of the theme.
Thanks
Hi,
1. The demo is created custom and some elements can be modified with code when designing the demo style. In these cases settings from the theme panel are overwritten. This particular demo has a condition that when header style 5 is used, the header menu will display in black when the menu item is active or hovered
– https://www.screencast.com/t/37v7KVxrqz3
If you want them to be orange and keep the header style, you can make the change like this
– https://www.screencast.com/t/vDNPMvNe
Sorry for any inconvenience.
2. The Super cache plugin is tested with the theme and it works properly. WE have not had any similar reports. Something else might be causing the issue. Try deactivating all other plugins except theme plugins and the cache plugin and check the results.
Also try checking in the browser inspector console (press F12) on the page when the problem is happening, and check for errors.
3. There are some solutions here on the forum that you could try for that plugin
– https://forum.tagdiv.com/topic/multiple-authors-implementing-co-authors-plugin-into-theme/
4. The article title font can be changed for the Big grid in the theme panel. These are the modules where you will have to change them
– https://www.screencast.com/t/ymWZI6rXDV3q
– https://www.screencast.com/t/2UwlbUHCnc
Here you can see what modules different blocks or grids contain
– https://forum.tagdiv.com/theme-blocks-modules/
5. At the moment there is no option to add more sharing socials in the post page. These are the only available settings
– https://forum.tagdiv.com/sharing/
There are solutions on the forum to add particular socials, but would require theme file modifications. I believe there are plugin that you could try as well if you need more options.
6. If you mean the space between the modules in the Big grid, that cannot be removed. That is how the grid is designed, there is no option to modify it.
Here you can see how all the Full grids look
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
It could only be done with custom code.
7. The More articles box that is displayed on posts can be enabled in the Theme panel
– https://forum.tagdiv.com/more-articles-box/
Please correct me if I misunderstood something about the questions.
Thanks
Hi,
That would probably require considerable modifications to the header template. The logo and menu are part of containers that are designed to display as they currently are. And also be responsive in all situations.
If you want to to try and make these modifications, use the browser inspector to identify the elements used and their classes an create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
But please note that it will not be an easy task. The menu and logo are dependent on each others position an containers.
Thanks
Hello Zoran,
I have inspected your button and now it seems to be placed align to your Booking logo. Please consult the following guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and try to create your own custom CSS code. This type of request involve some custom work and we cannot afford to provide something like that, at the moment, sorry!
Thanks for your understanding!
Hello,
Unfortunately the theme css is much more complicated. You cannot target all elements with a general css selector. You will have to use the browser inspector to target specific classes for specific elements. Sometimes selectors get very complicated. You will have to use the browser inspector to target specific classes and selectors: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
If you mean the avatars here on the forum, that is simply a border radius set on the default avatar image
– https://www.screencast.com/t/DiOAju4PicJH
This forum is custom made with bbpress
– https://codex.bbpress.org/getting-started/
You could style the forum further with CSS, maybe try codes like this
– https://codex.bbpress.org/bbpress-styling-crib/
Or create your own code, using the browser inspector to identify the elements and classes
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
On pages you could set a background color for each of the columns for example
– https://www.screencast.com/t/wOiEWv1l
On category pages you can sue some CSS code to customize the category page
– https://www.screencast.com/t/PBl8yUaelW
This is a guide about using the browser inspector to identify the elements on the page and their classes, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This is the code I used in the example for the category
.category .td-main-content-wrap,
.category .td-category-header,
.category .td-scrumb-holder {
background-color: grey!important;
}
Thanks
Hi,
You could create something like that, with custom CSS code. This demo is also somewhat similar to that design
– https://demo.tagdiv.com/newspaper_architecture/
Analyzing the demo with the browser inspector you can see how it is made
– https://www.screencast.com/t/UPLYieAxhw
Here is a guide that will help you use the browser inspector to identify the elements on the page and their classes, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
The comment count can be disabled for all the blocks in the theme panel
– https://www.screencast.com/t/WD83ByTQ
If you want to hide it only on a particular block like block 16 that you mention, you can use a code like this
– https://www.screencast.com/t/3RpE3Jpm4h2
.td_block_16 .td-module-comments {
display: none;
}
Custom codes can be entered in Theme panel->Custom code sections. At the moment there is no list with the theme classes, but you can use the browser inspector to identify them and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
Upon inspecting your website with the browser inspector and testing it on mobile, it causes the browser to freeze and I cannot even close the tab (tested multiple times)
– https://www.screencast.com/t/Wz8ajIOU
I have to restart the browser in order to be able to do that
– https://www.screencast.com/t/bwrfcUHZ
It is imperative that in order to find what is causing this, really deactivate all plugins except the ones provided with the theme. This is not happening in our tests.
If that does not work, remove any custom code from the theme panel, or theme files. Switch to the main them from your child theme, and check the results.
After doing this, the theme does not work as intended, please send us an email at contact@tagdiv.com and provide admin login information so we can take a look. Leave the plugins disabled if possible.
Also paste a link to this topic in your email.
Thanks
