Search Results for 'css'

Hello,

All of the settings our theme provides for the mobile theme plugin can be found here: http://screencast.com/t/WlKYdy6LVk Anything beyond these settings will have to be made through customization.
The menu colors or background can be set in the theme panel like so: http://screencast.com/t/428KkaY4
The top menu is not present on mobile by default so I;m not sure how it;s showing up on your end. Please provide a link to your site and I will provide the proper css to remove the social icons.
As for the footer, it cannot be changed on mobile as it will default to the predefined one. It can be altered with a bit of css if you want particular parts of it removed.

Thank you!

Hi,

It’s a bit more complicated than that upon inspecting the element closer, It comes directly from facebook within an iframe and an iframe cannot be targeted with css. As an alternative you can try to implement a different facebook button like this example: http://screencast.com/t/OegGtb7D
For this design, you have to do a few steps like so:

1) Select your button from this link: I selected small box count with no share option: https://developers.facebook.com/docs/plugins/like-button
2) Press the get code button.
3) Add the first part of code in the header.php file like so: http://screencast.com/t/hVm8S5ifv
4) Use the second code to replace the theme code here: http://screencast.com/t/OfVUbEihz5
5) use this css to position it properly:
.td-classic-sharing li{
margin-left: -15px!important;
}
.td-classic-sharing{
vertical-align: top!important;
}


I hope this helps.
Thank you!

Hi,
Yes if you remove that part it will not show comments on posts, but you can hie them with css as well. It does not involve editing the theme files:
.td-post-views{
display:none!important;
}
You can simply add this code in the theme panel-> custom css box.
Thank you!

Hello Jonas,

If you want to get rid of the Back to the top box, please try to use a bit of CSS code to do that. Place the code below in Theme panel->Custom CSS area.

.td-scroll-up-visible{
display: none;
}

Thanks.

Hi,
This is the theme design. It was created that way. If you want to have a gap, you can use this css:
.sf-menu > li > a:after{
width:95%!important;
}
You can add the code in the theme panel ->custom css box
Thank you!

Hi,
It depends on how you want to change it. CSS has it;s limitations. Maybe some changes will have to be made in the theme files. Please provide an example of how you want it changed.
Thank you!

Hi,

If you are referring to the mobile featured grid: http://screencast.com/t/NkGFaB2gy1 you can remove it with this css:
.td_block_big_grid_mob_1{
display:none!important
}
If you do not use the mobile theme and have a different ‘featured’ element you will have to provide a link to your site so I can see how it was created so I can provide the proper code for it.

Than you!

Hi,

The mobile theme plugin is optional and is a lighter theme, without any options in this regard, you can read more about it here – https://forum.tagdiv.com/the-mobile-theme/
The theme comes with a mobile version so if you want the same content like on desktop, with the font settings that you set from Theme Panel, you can disable the mobile theme plugin.
A solution if you want to use the mobile theme plugin is to use custom css and the font style.

Thanks!

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

Hi,
There is an easier solution of hiding the tabs with css:
.single-product .woocommerce-tabs{
display:none!important;
}
I hope this helps.
Thank you!

Hi,

If you want to remove the pinterest and second twitter buttons, you can use this css:
.td-social-pinterest, .td-classic-twitter{
display:none!important;
}
As for the more from author please follow this topic to see both methods how it can be removed:
https://forum.tagdiv.com/topic/how-hidec-from-the-post-more-from-author/

Thank you!

Hi,

There is no setting to decrease the opacity but you can use this css to do it:
.td-grid-style-6 .td-module-thumb a:last-child:before{
opacity: 0.3;!important
}
You can use any opacity value between 0.1 and 1. The original was 0.7.
You can change this value to your preferred one.

Thank you!

Hello googmedia,

I have noticed that you are using the all of three way to shows the ads, like article top ad, article inline ad, and article bottom ad, from Theme panel. Also, I have noticed that you are using the ad to your top of your sidebar. So, if you want to get rid of one of them you can simply delete the ad content from your theme panel or you can use a bit of CSS code to hide it. -> http://screencast.com/t/2qmlmYDF2 -> http://screencast.com/t/hm6twiqP
For example, if you want to hide the ad from your sidebar, you can use the code below ->

.td-g-rec-id-sidebar {
display:none;
}

The result -> http://screencast.com/t/MZoC8jJNLvOE

If this is not what you mean, please provide more details and exactly explain what kind of ad you want to hide, so I will be able to provide a more accurate response.

Thanks for your understanding!

Hello Irreverent Gent,

If you want to do these changes for your Review template, please notice that you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-review-summary .block-title {
display:none;
}
.td-review-header .block-title {
font-family:Arial;
}

Also, please notice that the new font which you want to have for your review header will have to be loaded in the theme in Theme panel in order to achieve best results.

Thanks for your understanding!

Hello deambris,

Please notice that the above example which Andrei provided in the latest reply is just an example to how you can add a title for your Big Grid. Please notice that it is not a simple task to achieve as you want and it involve some additional customizations through code in order to bring as you wish. If you do not have a good skill and knowledge in PHP/CSS/HTML, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry! As a hint, if you want to bring the line under the title you can use the block-title class as a custom class, like this -> http://screencast.com/t/6L4gGQbmK

Thanks for your understanding!

Hello mpdimitrov,

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

.home .td-post-date {
display:none;
}

If you need more assistance in this regard or if the code is not applied for your website, please provide it so I will be able to provide a more accurate code.

Thanks for your understanding!

Hello mattemkadia,

Please notice that all the custom CSS it has to be added in Custom CSS area from Theme panel, like this -> http://screencast.com/t/GHwB3JTH3 If you want to change the hover colours for specific categories it is not a simple task and this required custom work. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

The local news demo seems to have a more precise css in place that is preventing the previous code from applying. Please use this code instead:
.td-local-news .td-header-style-3 .sf-menu > .sfHover > a, .td-local-news .td-header-style-3 .sf-menu > li > a:hover{
background-color:red !important;
}

Thank you!