Search Results for 'css'

Hi,

If you add a Theme Accent color you can see this color for example when you hover the article title on modules, or the link color from post content – http://screencast.com/t/VjTGht8Uuo7 – http://screencast.com/t/KSrbvIwAN – http://screencast.com/t/C4FiDPfxu3c
If you refer to a custom button(shortcode) added in a post content, you can use these colors for it(Visual Composer colors for button) – http://screencast.com/t/ET94A67p
Here is an example – http://screencast.com/t/cFdlNqBB0 or you can use custom css for other colors.
You can find a similar answer here – https://forum.tagdiv.com/topic/buttons/page/2/#post-72166

Thanks!

Hello Alessandro,

You can remove the comment titles by using custom CSS:
.td-comments-title-wrap{
display:none
}
As for disqus, please unchecke this setting from the dashboard: http://screencast.com/t/dWRjZ9sEK8l
You can also follow this topic to get a few tips for disqus settings: https://forum.tagdiv.com/topic/disqus-comments-not-showing/
Let me know how it goes!

Thanks.

Hi @Aditya,

To solve your problem, please try the modification in header-style-11.php, like that:
http://screencast.com/t/6FUlkwGD2Fhn

If you want to adjust the space border below the banner ad, please try this custom CSS to fix it:

.td-header-style-11 .td-header-sp-logo {
padding-bottom: 20px;
}

Thanks.

Hi,

I have checked you page and it looks like this on my side – http://screencast.com/t/GDayp6ItRp
If you want to reduce the margin bottom you can try this custom css – http://screencast.com/t/I8FAyhHrqu5

.home .td-g-rec-id-custom_ad_1 {
margin-bottom: 0 !important;
}

Also you can use these options for ad sizes for each screen device – http://screencast.com/t/B2rL4odco
Please post your issues in the newsmag section – https://forum.tagdiv.com/forum/newsmag/

Hope this helps!

Hello,

It can be done with custom CSS but it will maybe create other problems along the way. It was not meant do be styled like that.
Use this custom CSS:

.td_block_slide .td_module_slide{
height:350px!important
}
.td_block_slide .td-theme-slider{
height:350px!important;
}

Add the code in the theme panel ->custom css box
Result: http://screencast.com/t/K0fD1T2Mzoj

Thanks.

Hi,

If you alter the logo css you will have to adjust also the header ad css, you can try this custom css I guess it should fix it if I understood we your issue – http://screencast.com/t/xOcKhWFc

@media (min-width: 1200px) {
.td-header-bg .td-a-rec-id-header {
left: 0 !important;
}
}

I see that you use a very old version of the theme and I suggest to upgrade to the latest version when you have time, as you could have some issues/conflicts with plugins that you use or theme’s plugins.

Thanks!

Hello,

Unfortunately there is no option to change the header style on a different viewport.

You can use this custom CSS to display the small logo on the mobile version of your site:
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block!important;}}

Now your logo should show up as expected.
Thank you.

Hello,

Use this custom CSS to tweak it for Internet Explorer:

.ie11 .col1 cell, .ie10 .col1 cell, .ie9 .col1 cell, .ie8 .col1 cell {
display:block;
}

I also added the other versions of internet explorer to the code, but i haven’t tested it on all versions. If there will be problems on a specific version, you can remove it from the code.

Thank you!

Hi
Thanks @Cosmin Tataru for your answer!

@blandRepublic, also you can try this code below within Theme panel->CUSTOM CSS area like that: http://screencast.com/t/VSn4x9zlB0I

.td-header-style-10 .td-logo-wrap-full {
margin-bottom: -40px;
}

The result can be seen here: http://screencast.com/t/3rD1tr8fyD

Thanks!

Hi,

You could use sprites and use custom css to add a background instead of an icon. Something similar like the we use for social counter – http://screencast.com/t/7Hg5sNe9J – http://screencast.com/t/2yCMl4zs8wGN
Or you can add new icons to the theme fonts – http://screencast.com/t/059z1oelgSb

*go to https://icomoon.io/app
*button “import icons”, import from newspaper.svg (in /images/icons/);
*Select your icons and copy – http://screencast.com/t/62BMZmEh – http://screencast.com/t/hxTzPkSy
*button “generate font”, button “download”;
*copy the 4 files (.eot, .svg .ttf .woff), in “icons” folder in the downloaded zip file, rename icomoon.* to newspaper.*, replace old files.

I suggest to use a plugin if you don’t have basic experience or to get someone to help you with this.

Hope this helps!

Hello,

Please try it without any plugins. I see you use rocketloader, which is known to cause problems with our theme. Please disable all javascript, css and html minification options. Then disable all your plugins except visual composer and check your link again.
Let us know how it goes!

Thanks.

Hi,

The stretch row is a Visual Composer feature and the javascript code is used for it and it is not an easy task to change it. The theme doesn’t alter this css and it’s doesn’t support rtl, sorry!

Thanks!