Search Results for 'css'

Hello anteck,

If you want to hide your main menu you should use a bit of CSS code, for example, try the code below and place it in Theme panel->Custom CSS area.

The code is ->

#td-header-menu{
display:none;
}

If is not what you mean, please provide more details.

Thanks.

Hello Vilfredo,

Unfortunately, I do not know about your code and please notice that the errors arise from various causes and I cannot provide an accurate response based on what I have given above, sorry! Eventually, you should make a full screenshot to your custom CSS so I can see the entire code.

Thanks for the message!

Hello azzronulation,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello irlandacenter,

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

The code is ->

.td-comment-section .td-pb-row [class*="td-pb-span"] {
min-height: 0;
}

Thanks for your understanding!

Hi,
You can simply add color:white to this code from your custom css box:

.page-nav-post a:first-child, .page-nav-post a:last-child{
background-color:lightgrey!important;
color:white!important;
}</code

Thanks.


Hello,

1. Please use this css code for the trendin now element:
.td-black .td-trending-now-wrapper .td-trending-now-title {
background-color:#af5d25!important;
color:white!important;
}

2. You probably did not remove it from the homepage. Each element is separate and has to be edited as such. There is no functionality to edit one element and affect all of them. Each particular widget is separate from the other. Please access your social counter element from your homepage like so: http://screencast.com/t/F6jBOdnu8c9 and remove the youtube id.

3. In order to center the menu, you can add this code:
@media (max-width: 767px){
.td-header-sp-top-menu{
text-align: center!important;
}}
As for the height, it can only be reduced by deleting the social icons at the top as they are already present in the mobile menu. You can remove them with this code:
@media (max-width: 767px){
.td-header-sp-top-widget{
display:none!important;
}}

4. I’m not sure what font color you are referring to. please provide a screenshot so I can provide the proper solution.

5. There is no quick view on products as this has to come from woocommerce. If the plugin does not provide the option, then the theme cannot render it.

Thank you!

Hello newsguru,

I have inspected your website and I saw that you have display none to your span 4. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (max-width: 767px){
.td_block_trending_now, .td-pb-span4.td-main-sidebar, .page .vc_row .td-pb-span4 {
display:block!important;
}
}

Hope this helps!

Thanks for the message!

Hello dimitar,

I guess that you are using the Background and that’s why the header menu and footer section will be switched in boxed mode. Please notice that our theme will be switched in boxed mode if you will add a background image and that’s why the Footer and the Header are not be displayed in full width. Unfortunately, the theme does not have any such an option that allows you a way to change this behavior from the panel, but you can do that using a bit of CSS code. You should follow the next topic here -> https://forum.tagdiv.com/topic/cant-create-fake-full-width-top-menus-by-coloring-the-outer-wrappers-in-6-1/#post-56800 because there you find a solution in this regard.

Thanks for your understanding!

Hi,

You can use this custom css to add a background color for submenu items – http://screencast.com/t/IupZB4coSP

.sf-menu ul .td-menu-item > a:hover {
background-color: #d13030 !important;
color: #fff;
}

This is the default padding for submenu items and you can change it like you wish using custom css – http://screencast.com/t/pjQcCVSAj

.sf-menu ul .td-menu-item > a {
padding: 7px 32px 8px 24px;
}

Your Tech homepage looks differently because you have changed the layout. You can create a test page and import the tech page there and check it again.

Thanks!

• This reply was modified 9 years by Alin [tagDiv].

Salutare,

Unfortunately this is not possible with css. You will need good coding skills for something like that. This can only be done through customization and this falls beyond what the theme support can offer you. Sorry. You will have to hire a developer in order to implement such functionality.

Din pacate css nu poate realiza asa ceva si nu exista o metoda simpla de a implemnta un astfel de sistem. Vor trebui multe adaptari in cod si functionalitate adaugata pentru a putea controla template-ul separat pentru mobil si desktop. Din pacate nu avem nici o solutie in acest scop deoarece necesita implementare la nivel de development.

Multumesc.

Hello kaidensharma,

I have inspected your website on mobile mode and it seems to work as properly. You should use a bit of CSS code to give black color for menu button, like this ->

#td-top-mobile-toggle i{
color:black;
}

The results is here -> http://screencast.com/t/IJYNGUWa

If is not what you mean, please provide more details so OI will be able to provide a more accurate response.

Thanks for the message!

Hi,
– The white block is a news ticker element that can be found in visual composer. edit your page and check the trending now element.
– Edit your page and edit the social counter settings and simply remove the youtube ID from the widget settings:https://forum.tagdiv.com/tagdiv-social-counter-tutorial-2/
– Try to use this code for the top menu on mobile:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}}
@media (max-width: 767px){
div.td-header-sp-top-menu {
display:block !important;
}}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}}

– Thumbnail sizes cannot be changed easily in our theme. You will require coding skills for it: https://forum.tagdiv.com/td_api_thumbupdate/

– Use this css code to remove pinterest:
.td-social-pinterest{
display:none!important;
}

Thank you!

Hi,

Sorry but our theme has no such menu spot. It can only be done through customization. You can use a simple css to move the last menu item/s near the search using a float:right property: http://screencast.com/t/Lhh095nGM
Change the code to match your menu item number (use the browser inspector) and place the code in the theme panel-=>custom css box.

Thank you!

Hello votranhtuhi,

You should try the code below and place it in Theme panel->Custom CSS area.

.td-main-content-wrap, .td-category-grid {
background-color: transparent;
}
.post {
background-color:transparent;
}

The result is here -> http://screencast.com/t/PhIKfaKb3TOS

Thanks for your understanding!

Hello cocacolaa,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hi,

The mobile version is different for smart lists. Please use this code for mobiles:
.td-slide-smart-list-figure img{
pointer-events:none
}
Add it in the theme panel -> custom code and advanced css mkode under the mobile phones section.

Thank you!

Unfortunately for tablets portrait there is little to be done except reduce the number of menu items. But there is no way to only reduce the number of menu items for particular devices unfortunately.
You can try to reduce the font with css for tablets portrait to create more space. You can use this code and place it in the advanced css box in the tablets portrait box:
ul.sf-menu>.td-menu-item>a{
font-size: 12px;
}

Thank you!

Hello Viachaslau1974,

You should add the code in your Custom CSS area, like this -> http://screencast.com/t/UegxUgen

Thanks for the message!

Hello anteck,

There is an option for it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/UTwkyBG9b

Thanks for the message!

If you want to use the code just for mobile, add it in the advanced css filed under mobile phones: http://screencast.com/t/UTPddkCMj

Thank you!