Search Results for 'css'

Hi,

1. Please also provide your site’s URL as I need to inspect your site so I can provide an accurate solution on this.

2. Unfortunately those VC column options don’t work but you can add a custom css class to that row/column you need to hide on mobiles like this: http://screencast.com/t/Y5B0S3wrEcje then use custom css to hide that row on mobiles or the viewport you want like this: http://screencast.com/t/69cIbmxcW
This is the css I’ve used you can set the “ttt” class your self and sue the css below to hide it and place it in theme panel > advanced css on the device you need to hide it.

.ttt {display: none}

3. That unfortunately can’t be done easily as the theme isn’t designed to support blocks in the header. For that section you can chose from the available header style in theme panel: http://screencast.com/t/cyp8hAYjdue or you can customize it as you like by hard-coding your design here: http://screencast.com/t/JqQQmxS6Q

Please note that in approximately two weeks the new version of the newspaper theme will be available with more customization options available for the top menu and more header styles from you can chose so you can decide then if you want to design your own header or use a predefined one.

Thanks

Hi,

Try this: http://screencast.com/t/FRmg2lfN and add the code in theme panel > custom css section.

.td-gallery-title {color: red;}

Thanks

Hi,

You have this issue because you use header style 3 on blog stack. There is an header style especially created to be used on blogs – http://screencast.com/t/smR9n0COvP
If you want to use like this you can try this custom css in Theme Panel > Custom Css my suggestion is to use Blog Style header – http://screencast.com/t/ex5HKZ3y

@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img{
width: 150px;
}
}

Thanks!

Hi,

Unfortunately the plugin doesn’t have an option to add a color for each field, but you can do this using custom css in Theme Panel. You will have to use html code and add a class for example – http://screencast.com/t/8ow4kknC5 – http://screencast.com/t/ScMCzKkseiy
I’m not sure if this what you mean, please provide more details if it is not.

Thanks!

Hi,

Unfortunately style 3 was not designed for featured video, in version 5 of the theme will be added a post template especially for video posts.
For the moment you can make this change in template 3 files – http://screencast.com/t/uwbmIgeFyvV and use this custom css in Theme Panel > Custom Css: http://screencast.com/t/7etmTWfs

.td-post-header-full.td-image-gradient:before{
display: none;
}
.single_template_3 header {
position: relative;
margin-top: 10px !important;
}

Thanks!

Hi,

Unfortunately Newsmag theme was initially designed at this width – 1021px – with an fixed grid layout,responsive as it is fluid and style for desktop/tables/mobile screens. So changing the width would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work.
If you have basic css/html experience and you want to do this for post pages please check this topic, but you may need additional customziations – https://forum.tagdiv.com/topic/728-x-90px-ads-in-article-inline-ads/#post-43914

Also do you refer to the non-responsive ads? We recommend these divs to be used for non-adsense code – https://forum.tagdiv.com/ads-system-full-guide/ but you can try to use a plugin if you don’t want to use those. Theme Ad system was designed to work with adsense code and make it responsive for different screen sizes, but also you can use shortcodes in Ads section, so if you you use a plugin for your ads just paste the shortcode there:

[shortcodes] – the spot will run do_shortcodes() on the ad. Using shortcodes you can add adRotate ads to that spot

Thanks!

Hi,

We know about this issue and it will be fixed in version 5 of the theme. For the moment you ca add an extra class to the column or row that you want to hide on mobile and use custom css to hide it – http://screencast.com/t/nABIAwy5w – http://screencast.com/t/C82fxAV0

.yourclass {
display: none !important;
}

Thanks!

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

Hi,

@apolitikal Please also test this without using any plugins and also make sure that you empty all caches, disable all js/css/html compression and test again. I’ve tested this as Alin instructed above and found no issues using the latest theme version so this should also work for you.

If this still isn’t working please let us know and provide a you admin credentials via email if possible so we can have a look. Use contact@tagdiv.com and please also include a link to this conversation in your message.

Checking your site using google’s pagespeed testing tool have noticed a server response time issue: http://screencast.com/t/GdslWWzKi which could cause the slow login.

There are many factors which can be taken into consideration concerning server’s response time. You can use google’s improvement recommendation on this: https://developers.google.com/speed/docs/insights/Server

I suggest you first try this without any other plugins active, leave just VC plugin active the check again.

Also consider using a cache plugin and to improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html We also use it on our demo.

Thanks

Hi

Please paste the code from above in Theme Panel > Custom Css and it should work(also please clear cache if you use a cache plugin): http://screencast.com/t/AsrI1pXn341

Thanks!

Hi,

Please paste the code in Theme Panel > Custom Css resize the browser window and see how it looks. You can change the width value how you wish(or use a fixed value in px like you ca see in the above screeshot) and save. This code can be removed any time from Custom Css section so don’t worry!

Thanks!

Hi,

The featured image is created from the youtube/vimeo video and it is downloaded by the theme, but it seems that for some videos it can’t download the big thumb image. Also unfortunately WordPress doesn’t enlarge images so you will need to use plugin like Thumbnail Upscale to enlarge thumbnails: https://wordpress.org/plugins/thumbnail-upscale/ For upscale use a combination of plugins Thumbnail Upscale + Force Regenerate.
You can also use css code to enlarge big thumb from Big Slider – http://screencast.com/t/3GwTJeDG

.td_block_big_grid .td-big-grid-post-0 .entry-thumb {
width: 100%;
}
.td_block_big_grid .td-big-grid-post-0 .thumb-wrap {
height: 100%;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/OCshxnlFDpM

.ls-inner {
z-index: 0;
}

Thanks!