Search Results for 'css'

Hello meri,

You should use a bit of CSS code in order to change the opacity of this element. Use the code below.

.td_module_mx21 .td-module-thumb a {
opacity:0.6;
}

Hope this helps!

Thanks.

That error is displayed because the code is missing a closing brace
– https://www.screencast.com/t/xoJHwGkvTy
– https://www.screencast.com/t/ibOFfGgodAw
However that code may not be necessary anymore, try to remove it and check the results. If it is needed, leave it in the theme panel custom CSS section. It will not be lost after a theme update. Nothing from the theme panel will be lost. You can even make backups of the theme panel like this
– https://forum.tagdiv.com/import-export-theme-settings/

Regarding the post template modification, if you want to modify theme files without losing the changes, you will have to use a child theme
– https://forum.tagdiv.com/the-child-theme-support-tutorial/
Such code modifications cannot be made in the theme panel, only directly in the theme files, or through a child theme. Check the guide, it is mentioned there which files can be modified through it.

Thanks

Hello alan3wang,

Try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-pb-row .td-pb-span3 {
display:none;
}

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

Thanks.

Hello MrKeerthan,

If you want to change the color for your back to top button, notice that you should use a bit of CSS code and place it in Theme panel -> Custom CSS area.

The code is ->

.td-scroll-up{
background-color:red;
}

Thanks.

Hi,

You can upload your own fonts in the theme panel, then set them for the needed elements
– https://forum.tagdiv.com/font-customization/
There are options to upload a maximum of three fonts in that section.
Additional fonts could be loaded in other ways if needed
– https://css-tricks.com/snippets/css/using-font-face/
A setting to completely remove the google fonts does not exist, this can only be done in the code if needed. This is a similar topic
– https://forum.tagdiv.com/topic/remove-google-fonts-2/

Thanks

Hi,

I believe this is what you are looking for – https://www.screencast.com/t/ku1jEvYa
If that is correct enter the code in Theme panel->Custom CSS section

.td-default-sharing .td-social-but-text {
display:none;
}
.td-default-sharing .td-social-sharing-buttons {
background-color:black;
}

You can also change the color of the icons if needed, like this
– https://www.screencast.com/t/c4hkFH4Eh

Thanks

Hi,

The top menu is not displayed on mobile by default, it could be made visible if absolutely required, with custom code (only when then mobile theme plugin is not active). It will be the same top menu from desktop, not a different menu.
Regarding the search icon positioning, I could give you a code to make it display for example next to the menu
– https://www.screencast.com/t/qyORyGNiR1f1

This is the code used for that, it must be entered in Theme panel->Advanced CSS in the phones section

.header-search-wrap {
left:54px;
right:auto;
}

Or you can move it to the right as you wanted (use the value you want in the code)
– https://www.screencast.com/t/6pqX6Way

.header-search-wrap {
right: 60px;
}

These codes must be entered in the location I mentioned above, so they will apply only on mobile.

Thanks

Hi,

The font size on mobile is predefined, it is meant as a limit in case users are setting a higher font size. It will be reduced to 32px or enlarged if it is of a lower size. The limit works both ways.
What you could do is to use a code like this one, to make the font smaller on mobile devices

@media (max-width: 1018px) {
.td-post-header header .entry-title {
font-size: 20px!important;
}}

This code can be entered in Theme panel->Custom CSS section.

Thanks

Hi,

I believe this is somewhat of a misunderstanding. Indeed the default full big grid 8 is not similar to the gadgets demo grid. That is because the custom design the demo uses. Each demo has customization based on default theme elements, this is applied only when the demo is installed.
If you want big grid full 8 to look like in the demo, first select grid style 7 in it’s settings
– https://www.screencast.com/t/nVqU9CorWkdr
Then enter this code in Theme panel->Custom CSS (this is the custom design used by the demo)
– https://www.screencast.com/t/Ls0yzKUNRD
– https://pastebin.com/kMumvZgA
The font and font properties can be changed in the theme panel if needed
– https://www.screencast.com/t/v7nAfJhL

Thanks

Hi,

That would be the footer logo, it can be changed or removed in the theme panel
– https://www.screencast.com/t/ym3mHWDgmN
For the centering of those element you could use a code like this
– https://www.screencast.com/t/nfHFnJgKk

.footer-text-wrap,
.footer-social-wrap {
text-align:center;
}

It must be entered in Theme panel->Custom CSS section.

Thanks

Hi,

Indeed there is a issue with the default state of the links. A theme condition is not applying because of an addition to the module titles
– https://www.screencast.com/t/atCsGvJ5Pr2C
That span between the heading and link is causing the issue, this theme condition is not applying anymore
– https://www.screencast.com/t/goNdG0cP
I could not say where that code originates from, or what it’s purpose is. I could modify the code in the theme to make it aplly in the new situation
– https://www.screencast.com/t/BiePiwHRFE7

h3 > span > a{
color: #111111;
}

The code has to be entered in Theme panel->Custom CSS.

Thanks

Hello eemskrant,

I have inspected your website and I saw that your hover to your block titles is white. If you want to change this effect, you should use the code below and place it in Theme panel -> Custom CSS area.

.td_module_wrap:hover .entry-title a{
color:black;
}

Thanks for the message!

The mobile theme plugin is not required, it is optional to install it. This plugin is intended to be used if you would like to present a different and simpler version of the website
– https://forum.tagdiv.com/the-mobile-theme/
So it is up to you whether you want to use it or not. When the mobile plugin is not active the background image can be changed as shown above, and the colors here
– https://www.screencast.com/t/ZXq72ZvIEjfp
A setting for setting a color when the menu is sticky does not exist, this could only be done with CSS. Like this
– https://www.screencast.com/t/QZD4ylWkngz
This code will make the menu bar have a different color chosen by you, when the menu is sticky. It can be entered in Theme panel->Advanced CSS in the phones section

.td-header-menu-wrap.td-affix .td-header-main-menu{
background-color: red!important;
}

Thanks

Hello Prajwal Desai,

2)Please notice that if you want to make some additional customizations to your theme style, all of these should have to be made in Child Theme, style.css to avoid losing all of your customizations to the next theme’s update. For each update, the theme code will be overwritten and that’s why you will lose all of your additional customizations.
3,4)You should try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.wpb_text_column .td_quote_box{
background-color: red;
}

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

5)Sorry but please notice that we do not have any plan for this feature, sorry!

6)Sorry, but please notice that the theme does not have any such an option that allows you to do this, sorry! The theme does not have any control to this section…you should use such a plugin with this functionality that allows you to manage this section, like Seo Yoast.

Thanks for your understanding!

Hi,

There is a bottom margin below each paragraph, this has a value of 26px
– https://www.screencast.com/t/ls9q6uaeCyn
It could be changed with some CSS if needed, a theme option dedicated for this is not available.
This code will modify the margin in every location a paragraph is used

.td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p {
margin-bottom: 20px;
}

Modify the code with the margin value you want and then enter it in Theme panel->Custom CSS section.

Thanks