Search Results for 'css'

Hi,

This is on our list and it will be added an option in Theme Panel in a future update please check this css solution – https://forum.tagdiv.com/topic/how-to-change-mobile-header-color/#post-54699

Thanks!

Hi,

You will need custom to make this work like on Big Grid, you can try this custom css in Theme Panel > Custom Css and change the block number:

.td_block_11 .td-module-thumb:hover .entry-thumb {
transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
transition: transform 0.3s ease, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
}

You may need more css customizations, I suggest to get someone to help you with this if you don’t have basic css experience, as we cannot provide custom work at this time.

Hope this helps!

Hi,

We have changed the css for list in the new version of the theme and because you have this inline css you have this issue with list – http://screencast.com/t/vlfRvcwm You can try this custom to remove that margin – http://screencast.com/t/hJtvYIyM and also reduce line height for post content to the value from version 4 – http://screencast.com/t/HPdOZpk6T so from Theme Fonts > Post Content set it to – http://screencast.com/t/9TbqUdOtb

.td-post-content li {
margin-left: 0px !important;
}

Hope this helps!

Hi,

You can build a timeline template like in the old version, using an existing template from version 6. Create your file, copy the content from a page template, I suggest on of these template as you don’t need latest articles – http://screencast.com/t/5dtHZk71pK then take a look at the old files and see code from the content. Also you need to copy loop-timeline.php from the old version – http://screencast.com/t/Eb17ecPcJcV
Unfortunately you will need custom work, beacuse you will need to create also a css code for this template.

Thanks!

Hi,

the api documentation is here https://forum.tagdiv.com/the-theme-api/ but we don’t yet have a tutorial for tiny mce.

Put your code inplace of “add the api code inside this function” – this code is a plugin

plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
        $this->plugin_path = dirname(__FILE__); // used for internal (server side) files

        add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
    }
    function hook_td_global_after() {

//add the api code inside this function

    }
}

new td_api_plugin();

• This reply was modified 11 years by Radu.

Hi,

Please check this topic to change the mobile menu color – https://forum.tagdiv.com/topic/how-to-change-mobile-header-color/#post-54699
Also please provide more details about the above css code that you paste it in Custom Css section. It doesn’t work? As I have check some of your code and it works.

Thanks!

Hi,
This is what the test give you: Your page has 8 blocking script resources and 16 blocking CSS resources. This causes a delay in rendering your page. http://screencast.com/t/mXT6tmcZCF

Please check the System status: http://screencast.com/t/SX1bsfhx

You use a lot of plugins. The speed booster move the js and css at the bottom of the page to Eliminate render-blocking, but not for all plugins. You need to modify the plugin(speed booster) if you want to work with other plugins, but nothing is guaranteed that will work.

Read here: The demo uses the tagDiv speed booster plugin – basically that plugin will make the theme use the compressed javascript file from the theme (instead of the regular one) and it also moves all the stylesheets and javascripts (codes) to the bottom of the page. This may break compatibility with some wordpress plugins (the ones that we recommend when you install the theme are well tested and work perfectly

Hi,

Please try this custom css in Theme Panel > Custom Css to hide post views on your articles: http://screencast.com/t/uNHBsSc0q

.td-post-views {
display: none !important;
}

Thanks!

Hi,

Do you use the latest version of the theme 6.1? There was an issue in version 6 but it was solved in last update. You can check this solution – https://forum.tagdiv.com/topic/after-theme-update-ads-appear-alight-right-side-on-safari/

This css comes from the plugin that you use for comments, please try this custom css in Theme Panel > Custom Css and see if it works – http://screencast.com/t/VL9of1MX8

.fyre .fyre-comment-action-button, .fyre a.fyre-mobile-action-button {
height: 25px !important;
}

Thanks!

Hi,

only via custom CSS. You can find the styles here: http://screencast.com/t/pRV0v2DiiZ but it’s a bit complex to change.

Hi,

1. I have checked your article and did not found inline ad, please make sure you added the code properly, also you can try to increase the paragraph value and see if it appears. Or did you tested this and it doesn’t show up only when you set to appear after 1 paragraph? Please provide more details.

2. This is on our list and we will add an option to change mobile menu color in a future update. You can use custom css in Theme Panel to change the color – http://screencast.com/t/3zErUt27izvK

@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red !important;
}
}
3. The scroll up button was hidden for mobile devices, please try this custom css to display it – http://screencast.com/t/2ldIqR7y

@media (max-width: 767px) {
.td-scroll-up-visible {
display: block;
}
}

4. You can find the child theme in /code folder from package that you have downloaded from themeforest – http://screencast.com/t/oLV32AuSmeH – https://forum.tagdiv.com/whats-included/
5. Please try this solution – https://forum.tagdiv.com/topic/related-article-box/
6. The theme supports Font Awesome 4 Menus just install the plugin then take the icon code – http://fortawesome.github.io/Font-Awesome/icons/ and paste it in Navigation Label – http://screencast.com/t/TKqYz6oH5 – http://screencast.com/t/oR2LdrWz

Thanks!

Hi,

You can use this custom css in Theme Panel > Custom Css to hide it – http://screencast.com/t/YAYT2oI3

.td-review-final-star {
display: none;
}

Thanks!

Hi,

Yes, you can move top footer ad there, just edit footer style that you use(I see that you use footer style 1) and move this code – http://screencast.com/t/Wc6PusZWnYg – http://screencast.com/t/mSjQcEeSqUht
And use this custom css in Theme Panel > Custom Css – http://screencast.com/t/3W77txmhiu0h

.td-a-rec-id-footer_top, .td-g-rec-id-footer_top {
margin: 20px auto !important;
}

Thanks!

Hi,

I’m not sure what you are trying to change in this file, as td_css_generator.php created a css code for your when you make some changes in Theme Panel, for example when you change theme accent color it will apply that color on block title background and on links hover color http://screencast.com/t/qZxctkwX – http://screencast.com/t/01irLsLMYY
You can use custom css in Theme Panel to paste your css code if you want to customize a color or make your change directly in style.css file.

Thanks!