Search Results for 'css'

Hi,

Maybe that could be possible with some CSS if you are referring to some extra design or coloring. You could also use icons in the menu
– https://forum.tagdiv.com/how-to-add-icons-in-menu/
Use the new font awesome icons, these should work with the plugin suggested here
– https://forum.tagdiv.com/topic/font-awesome-error/
– https://fontawesome.com/icons

This is a guide about using the browser inspector to create custom code for various website elements, then entering it in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

That would be an image from the demo, I believe it is the image set as background for this row in the homepage
– https://www.screencast.com/t/w4K4I87s
Edit the page with the tagDiv composer and select that row, check the CSS tab of the row and click on remove the background image
– https://www.screencast.com/t/zyQKhmhj
Then set a different image of your choosing or none at all, depending on your preference.

Thanks

Hello Antoine,

Please notice that all of these category tags are black and blue (theme accent color) set up by default and the theme does not have any such an option that allows you to change their colors, sorry! If you want to change them, you should do it yourself through such custom CSS code and some changes through the code to target the specific categories which are not a simple task and we cannot help you in this case because involves doing such additional customizations and we do not provide custom work services at the moment, sorry! So, if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you. Usually, we recommend the developers from studio.envato.com.

Thanks for your understanding!

Hi,

There is no actual setting for that element at the moment. You could change it with some CSS if required. You could make it similar to the top menu for example
– https://www.screencast.com/t/B7rZpmJi
This is the code used in the example

.td-header-sp-info {
font-family: Roboto-Regular;
font-size: 13px;
}

Thanks

You could try that and see if it works. It might require more modifications, I could not say what it will take to do something like this. Unfortunately we do not have a theme modification or customization department to help you with more advanced code modifications. We would recommend the developers form here if you want to do this by code
– https://studio.envato.com/
Or try the CSS method, which would be easier. Remove the image from the theme panel, and set it with CSS as mentioned in the topic. Sorry for the inconvenience.

Hello albertohduarti,

Please notice that our theme doesn’t have any such an option that allows you to change the color for each category page, sorry! Please understand this! So, the only available option, in this case, I gave you above -> https://www.screencast.com/t/OJMgUTv9syOa. Do you have to change all the color for each category pages? Do you want something like this? -> https://www.screencast.com/t/M6UiIiHL If yes, notice that customizations are needed to be made by you, using such a custom CSS code and target each category page by category ID. This is not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Also, if you are unsatisfied with our product and if you want your money back, please make a full refund here -> https://themeforest.net/refund_requests/new and we will get your money back as soon as possible.

Thanks for your understanding!

Maybe use a numbered counter and the CSS tab to create a full circle
– https://www.screencast.com/t/czmfBBRL
Or use a Raw HTMl element and create a circle with text maybe
– https://stackoverflow.com/questions/4861224/how-to-use-css-to-surround-a-number-with-a-circle/4861306#4861306
The progress bar will be only half circle, it may not be easy to modify that. Or maybe you could search for a plugin to display a round widget in which you can use text, if there are such plugins.

Hello sn,

Sorry but please notice that our theme does not have any such an option for this, unfortunately! You should create your own custom CSS code according to the following useful tutorial from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and applied it to your desired pages using the page ID. Also, if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide additional customizations.

Thanks for your understanding!

Hello AntoineVerdier,

I said one per general that it is an extra customization that involves doing such custom work and we cannot provide custom work at the moment, sorry! As a hint, you should use the Inspector Browser and create your own custom CSS code, according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Also, if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you!

Thanks for your understanding!

Hello Arafat,

Here is talking about our Gadgets demo which has own style for each element used in it. So, the simplest way is to install that demo if you like it and then, you will have the similar style with the demo. Another alternative for you would be to use such a custom CSS code for that element which you want to add to your sidebar section. Here is talking about block 9 which uses the module 8. Try to add the following code and place it in Theme panel -> Custom CSS area, clear all the caches and check the results.

The code is ->

.td_module_8 {
padding: 0 0 0 15px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 6px;
}
.td_module_8 .entry-title a {
color: #888 !important;
}
.td_module_8 .entry-title a:hover {
color: #000 !important;
}
.td_module_8 .entry-title a:before {
content: '';
width: 5px;
height: 5px;
background-color: #f45511;
position: absolute;
left: 0;
top: 7px;
}
.td_module_8 .td-module-comments {
display: none;
}
.td_module_8 .td-module-meta-info {
display: none;
}

The result is here ->https://www.screencast.com/t/4w6lJQhqa7j

Thanks for your understanding!

Hi,

For me the socials appeared on every post I tried (I tested with Chrome)
– https://www.screencast.com/t/S7eTFj0wo
– https://www.screencast.com/t/9GSqH3OorNEi
If there are issues sometimes, these are usually caused by plugin conflicts or maybe code modifications or code loaded in the theme files or theme panel.
The conflicts could cause the socials to be invisible despite being loaded in their location. Enter this code in the theme panel custom CSS code section

.td-post-sharing {
opacity: 1!important;
}

This could fix the socials if the issue keeps happening.

Thanks

Hello,

Sorry but the sidebar in our theme cannot have a different color except by altering it through css. Try this css code:

.td-ss-main-sidebar{
background-color:red;
}
You can also add a border left if you want a line between the sidebar and content.

.td-ss-main-sidebar{
border-left:3px solid lightgrey
}

You can place the css coeds in the theme panel-custom code section

Thanks

Hello AntoineVerdier,

Notice that the only option to change the Category Tag Color from Theme panel is here -> https://www.screencast.com/t/K6cnOCjmgF If you want to have other options you should do it yourself through the code or custom CSS code because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hi,

So maybe something like dropcaps for example
– https://demo.tagdiv.com/newspaper/dropcaps/
– https://www.screencast.com/t/iiy4lFz8lOf
If that is not it, maybe it could be done with CSS for an existing element on a page or post. If you could mention more about this I will try to point you in the right direction. Custom CSS code can be created with the help of the browser inspector, then entered in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

In order to make the row stretch to full width, you can use the row stretch option like so: https://www.screencast.com/t/TJ80vu9WX3T
As for the spacing, you can use the css tab in the element settings and change the margin and padding values in the css box model: https://www.screencast.com/t/i79ti29qf
( You can use negative values as well. )
Thanks.

Hi,

1. With CSS it could be removed more specifically, maybe like this by menu item ID
– https://www.screencast.com/t/o0zh1MAq68c
It could be removed in the code, but for all the mega-menus
– https://forum.tagdiv.com/topic/delete-all-category-in-mega-menu/

1a. Either rename the term “All” in the code or in the theme translations
– https://www.screencast.com/t/SxvmskgzHl

2. Each block will first call this pagination
– https://www.screencast.com/t/6LoHtYqUt
It will appear in the intended place, there is design that is created specially for this
– https://www.screencast.com/t/TWIzHkwMW4
Maybe that could be done with recreating CSS design for it in addition to code modifications, it could mean a lot of work. Design in blocks is carefully created, even the slightest modification could damage it sometimes.

Thanks

Hello albertohduarti,

The only settings for category color are the following one from Theme panel -> https://www.screencast.com/t/OJMgUTv9syOa If is not what you want, notice that’s is needed to customize it yourself through the code or custom CSS code.

Thanks for your understanding!