Search Results for 'css'

Hi,

Yes, you can try this css code to target footer icons – http://screencast.com/t/H13NqETA

.footer-social-wrap i {
color: #222222;
}

Thanks!

Hi,

Unfortunately there is no option to change the footer text color from Theme Panel, but you can do this using custom css in Theme Panel > Custom Css: http://screencast.com/t/YsiFd0iq

.footer-text-wrap {
color: #222222;
}

Thanks!

Hi,

I already told you that it may appear like this because you have minified the css.

Thanks!

Hi,

Like Lucian said above the theme doesn’t have any other styles for the social sharing buttons, you will have to use a share plugin if you want something like that.
You can use this custom css in Theme Panel to hide more from author – http://screencast.com/t/T87QMqDNrv

.td-related-right {
display: none;
}
.td-related-title .td-related-left {
border-radius: 3px;
}

Thanks!

Hi,

@abarrell Please deactivate all plugins, leave just Visual Composer active, clear cache and purge your files, then check if you still have this issue. Also disable any css/ js minifications. If you don’t have this issue anymore activate your plugins one by one and see which one created this issue or maybe it is a conflict between more plugins.
I have checked your site and you have some errors in the console – http://screencast.com/t/tX1Czbf1qL

@aricandra You also can try the above suggestion, these problems usually arise from plugins conflict.

Thanks!

Hi,

Unfortunately the theme doesn’t have an option for this, but you can add a background color for each menu item using unique class for items. Paste your custom css in Theme Panel > Custom Css – http://screencast.com/t/XKwTX2gdL

.menu-item-241 {
background-color: red;
}
.menu-item-232 {
background-color: green;
}

Thanks!

Hi,

It doesn’t work because your theme is newsmag, please try this custom css: http://screencast.com/t/pYw2PxQAPKHZ

.home .td-module-comments {
display: none !important;
}

Thanks!

Hi,

You can add the css code where you want it is not a specific place. I said to add it to the bottom of style.css content as you can find it easily if you want to remove it – http://screencast.com/t/hFcmQNnV

Thanks!

Hi,

You can try this custom css in Theme Panel > Custom Css:

.td-video-play-ico img {
opacity: 0;
}
.td-big-grid-post:hover .td-video-play-ico img {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.td_module_wrap:hover .td-video-play-ico img {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

Thanks!

Hi,

Please check the above css solution, it is tested on your site and it should work fine(please use !important tag for width value).

@media (min-width: 768px){
.single .td-pb-span12.td-main-content .td-post-content iframe {
width: 650px !important;
display: table;
margin: 0 auto;
}
}

Yes, you are right about this, changing to 66% it will change the width also on mobiles, but the custom css should work. Please clear cache as I have checked your article and iframe is 100% as you can see – http://screencast.com/t/9eVOmWOJ554q

Thanks!

Hi,

Please try this custom css – http://screencast.com/t/1XMjwAfq

.td_wrapper_video_playlist a.td_click_video .td_video_title_and_time {
margin: 0 103px 0 30px !important;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_vimeo_control, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_youtube_control {
left: 0px !important;
}
.td_wrapper_video_playlist a.td_click_video .td_video_thumb {
margin-right: 16px;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_title_playing {
right: 80px;
left: auto !important;
}

I also uploaded these files(we have changed the play icon for rtl) – https://www.dropbox.com/s/spimtk75t090nyn/elements.zip?dl=0 that you have to replace the existing files from – http://screencast.com/t/GVTzhEnRjmW

Thanks!

Hi,

@nf_prt Thanks for your help!

2. If you want to apply the css code only for a specific page you can add it here – http://screencast.com/t/biJxb0wT
3. You can see more on our documentation – https://forum.tagdiv.com/customize-the-categories/
4. You can use a social share plugin or if you want to replace a theme share button you can find them here – http://screencast.com/t/nujGn2MB5HIB

Please also check theme’s documentation, it may help in other issue – https://forum.tagdiv.com/newspaper-documentation/

Thanks!

Hi,

Please check this also without any plugins active, leave just Visual Composer active, clear cache and se if the post font size is changing from Theme Panel. I have also checked this and did not found any issues. I have checked you article and found that also the default css for post content is overwritten – http://screencast.com/t/VRTSYf3m on my side – http://screencast.com/t/ya6VanJ8lxJW
Or if you want to add font size using custom css you can use !important tag – http://screencast.com/t/cu2WsFhV63

body .td-post-text-content {
font-size: 16px !important;
}

Thanks!

Hi,

You hide it also using custom css, but it will hide also post views – http://screencast.com/t/KWBPA470yPx

.home .entry-comments-views {
display: none;
}

Thanks!

Hi,

You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/jfnt6KjQisOI

@media (min-width: 768px){
.header-style-3 .container-fluid {
text-align: left !important;
padding-left: 0 !important;
}
.header-style-3 .td-grid-wrap {
padding-left: 0!important;
}
}

Thanks!