Search Results for 'css'

Hi,

You can use post id to hide them, take the post ID – http://screencast.com/t/qv7mnuY0L and use this custom css:

.postid-xx .td-a-rec-id-content_top{
display: none;
}
.postid-xx .td-a-rec-id-content_inline{
display: none;
}
.postid-xx .td-a-rec-id-content_bottom{
display: none;
}

For inline ad there are also these classes .td-a-rec-id-content_inlineleft and .td-a-rec-id-content_inlineright

Hope this helps!

Hi,

Unfortunately that is not possible at the moment, the theme doesn’t have an option for that. You can hide them though on specific posts using custom css code or you can also use a plugin like Advanced Custom Fields and use this method to do it: https://forum.tagdiv.com/topic/function-to-hide-ads-and-function-to-show-author/
I will add this on our request list and we will consider it for future updates.

Thanks

Hi,

According to Yoast SEO this in not “that” important so not sure how it will affect your SEO but you can use WordPress SEO plugin to strip the category base using this setting: http://screencast.com/t/kfTOpl1XsBP4

If you wish to translate/change it you can just change the category base from your permalink settings section:

* http://screencast.com/t/xcvyNDSm6B4
result: http://screencast.com/t/RHiKNFhT7ZT

For those category labels/tags you need to use custom css to change their size as the theme doesn’t have an option for it. Use your browser’s developer tools and inspect the elements to find their css and later it as you like: http://screencast.com/t/pVc3l7Wzx

Thanks

Hi,

What you have on Big Grid is opacity, the gradient was already disabled with Lucian’s code.
Please try this custom css to remove opacity: http://screencast.com/t/jn25xGJ8hf5p

.td-big-grid-overlay:after{
display: none !important;
}

Thanks!

Hi,

1. Unfortunately the default template doesn’t have a class like the others styles. You will need to add the the css code on .single class and rewrite it on others templates using those classes like .single_template_1 and so on…
Also for example if you want to change something for content only on default style you can add an extra class to the content like this: http://screencast.com/t/sYESDrlY – http://screencast.com/t/rp9O7ZcZ2OX

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

.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after{
display: none !important;
}

3. You can try to find a plugin that will help you to change the permalinks.

4. I’m not sure wht you want to remove. If you want to remove the “Latest Articles” title you have this option from backend: http://screencast.com/t/1JuOiR8kg7

Thanks!

Hi,

Please try this without any plugins active, leave only Visual Composer plugin active, also empty cache and disable any js/css minification and check if you still have this issue.

Thanks!

Hi,

Please also try without any plugins active, leave just Visual Composer active and disable any js/css minification as you have this errot in the console: http://screencast.com/t/giTjHaPtmWo

Thanks!

Hi,

1. I also tested this and unfortunately it doesn’t work. Any way using dot to category base is not a clean solution as I don’t know exactly how wordpress code for permalinks is created, so it can work for a while and when something is changed by wordpress it can stop working. I suggest to find and try a plugin for this like(I did not tested but you can try it) – https://wordpress.org/plugins/fv-top-level-cats/

2. When you make a parent category megamenu(with subcategories), the subcategories are added automatically so please remove subitems(added by you manually) form Appearance > Menus: http://screencast.com/t/sz8NAV3z
Example: http://screencast.com/t/qul3EFrmd – http://screencast.com/t/ZvQU4tN3Okip
Please read documentation(notes): https://forum.tagdiv.com/how-to-use-the-megamenu/

3. Unfortunatelly theme doesn’t have an option for this. The load more button will be active until the last posts are showing the become inactive: http://screencast.com/t/gTYpdls8Qd You see can change on block’s settings to show more post(limit posts number) so the load more button be active only once and try to find a solution that help you to achieve this.

4.For the moment this can be done only via custom css in Theme Panel > Custom Css: http://screencast.com/t/RPmYDFz6XU – http://screencast.com/t/4E4fQwcfs

.entry-crumbs{
font-size: 15px;
}

Thanks!

Hi,

Please try to use media queries to the code that Emil provided to you so it will apply this css from that screen size:

@media(min-width: 768px){
.home .td_block4 {
height: 180px!important;
}
}

Thanks!

Hi,

Unfortunately theme doesn’t have an option for this, you will need custom modification and is not an easy task.
What you can do via css id to target every category using name or ID and change the background: http://screencast.com/t/9KQaF2KKMb8i or http://screencast.com/t/1ub9yYSn8zOI

.category-name .entry-title span{
background-color: red;
}

Also for category page menu you can only to change the background for active(current) category: http://screencast.com/t/YP8yS0rsAL7

.category .td-subcategory-header a.td-current-sub-category{
background-color: blue;
}

Hope this helps!

Hi,

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

.td_social_rss .td_social_info{
display: none;
}
.td_social_type .td_social_info_name{
display: inline-block;
}

Thanks!

Hi,

Your css code is applying there: http://screencast.com/t/9EbdQtmyok88
This is how it looks with gradient and without: http://screencast.com/t/sJvbXOZt – http://screencast.com/t/EGIEkNWJkw

Thanks!

Hi,

The issue with post 3 and post 4 can be solved with margin bottom also you can control the height for specific post from the Big Grid with max-height: http://screencast.com/t/9uzxDjQxKY
Replace with the previous css code with this one:

@media (max-width: 767px){
.td-big-grid-post {
width: 100% !important;
}
.td-big-grid-post-1{
height: auto !important;
max-height: 250px;
}
.td-big-grid-post-2{
height: auto !important;
max-height: 250px;
}
.td-big-grid-post-3{
height: auto !important;
margin-bottom: 4px;
max-height: 250px;
}
.td-big-grid-post-4{
height: auto !important;
max-height: 250px;
}
}

It is not so easy to have quality for those images(they are stretched via css) as Big Grid was not designed like this for mobile screens.

Hope this helps!

Hi,

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

@media (max-width: 767px) {
.td-big-grid-post-sec{
display: none !important;
}
}

If you want this only for homepage please add also this class: http://screencast.com/t/pZnzJEa2iLLj

Thanks!

Hi,

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

.mfp-figure:before{
display: none;
}

Thanks!

Hi,

Unfortunately the megamenu was designed to display only 5 posts and for the arrows you can change them using custom css. You can change the arrow image using a background image but you need to customize it with css code. Try something like this in Theme Panel > Custom Css: http://screencast.com/t/swWGyNFdcnvb

.td_block_mega_menu .td-ajax-next-page{
background-image: url('https://cdn4.iconfinder.com/data/icons/iconsweets/50/arrow_right.png')!important;
background-position: inherit;
width: 50px;
height: 50px;
bottom: 5px;
left: 291px;
}
.td_block_mega_menu .td_ajax-prev-page{
background-image: url('http://australianvaluations.com.au/wp-content/uploads/2014/12/arrow-left-50x50.png')!important;
background-position: inherit;
width: 50px;
height: 50px;
bottom: 5px;
}
.td-no-subcats .td-ajax-next-page{
left: 72px !important;
}

This is an example you can change those images and change those values like you need. If you don’t have basic css/html experience you ca get someone to help you.

Thanks!

Hi,

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

.single .td-slide-on-2-columns{
width: 600px;
}
.single .td-slide-on-2-columns .td-doubleSlider-1 {
width: 600px !important;
}
.single .td-slide-on-2-columns .td-doubleSlider-2{
width: 600px !important
}
.single .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure{
width: 600px !important;
}
.single .td-slide-on-2-columns .td-slide-item {
width: 600px !important;
}

Thanks!