Search Results for 'css'

Hello anand2027,

If you want to make your featured images to be unclickable, you should use a bit of CSS rule to disable this effect. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-post-featured-image{
pointer-events:none;
}

Thanks for the message!

Hi,

If you want to change these colors – https://www.screencast.com/t/II2NTobm you could do it directly in the demo stylesheet – https://www.screencast.com/t/8xTMAWqH
Or use some Css code to change it – https://www.screencast.com/t/SUbh4IhJKIh
The demo is custom made and some options are predefined and cannot be changed through the theme panel. You can use Css to change theme when possible, or like I mentioned make the changes directly to the demo stylesheet.
This is the code I used if you want to add it

.td-magazine .td-header-style-1 .td-header-top-menu-full {
border-top-color: yellow;
}
.td-magazine .td-header-style-1 .td-header-gradient::before {
background-color: yellow;
}

Thanks

Hello,

Unfortunately the theme does not add any custom class or id for the links you add in the post content. As you know, css needs a class or an id in order to target specific elements if you want your code to not affect every element of the same type. The links inside the posts will need to have a custom class set to them when creating the link. This is the best case scenario. You can simply target the a tag inside the post content with a general selector like .td-post-content a{css code here} and it will work and apply the css to all links inside the post content, but there are however links that you probably do not want affected like widgets, plugins, or other content that has a link that does not need to be changed. This is where the class comes in. If your links get a class then you can target only those specific links using this selector:
.td-post-content .mycustomlinkclass {css code here}
I hope this helps.
Thanks

Hi,

I did that but I did not save the file, everything works now however. I have inspected the website, and I have seen the problem. The menu on mobile is created and has elements that are directly dependent on a particular side. Probably these need to be reversed in order to work in this situation. Setting a different position value for the menu seems to fix this problem – https://www.screencast.com/t/4jVHpDso0Nv
Maybe you will need to make other modifications, like the menu and search icons that need positioning. I do not know exactly how they should be in this style.
Try entering this code for the menu in Theme panel->Custom Css and see if this works for you

#td-mobile-nav {
position: fixed;
}

Thanks

Hi,

If you only want to remove the login from the mobile menu, you will have to use css to do it. Removing it from the whole site can be done from the theme panel: https://www.screencast.com/t/sRmRx3uh6g
For the mobile menu only, you will need to add this css code in the theme panel-> custom css box or if you use the mobile theme, add it in the mobile theme section of the theme paenl under custom code:
@media(max-width:767px){
.td-menu-login-section{
display:none!important;
}}

Thank you!

Hi,
The element is created custom for the dark demo version. In order to re-create it you need to create a tab element in visual composer and only use grids with style 1. Then you ned to add an extra class to the tab element: td-tab-color
Once you did this, you need to copy over the css from the black version into the main style.css file: http://screencast.com/t/2A3bCsQF
Thanks.

Hi,

Please try this code, it will hide the elements that you mention on this particular post type
– https://www.screencast.com/t/HuhHbQdciMhb
Let me know if this not what you wanted or the code is not working properly for you. The code must be entered in Theme panel->Custom Css

.new-template .td-post-sharing,
.new-template .author-box-wrap,
.new-template .td-post-next-prev-content,
.new-template .td-category,
.new-template .entry-crumbs {
display: none;
}

Thanks

Hi,

If you want to add a bar, not remove a bar like that, then you can add this code in the theme panel->custom css box:
.td-meta-info-container{
background-color:rgba(0, 0, 0, 0.4)
}

Thanks.

Hello Jose,

If you want to remove the header ad only for the homepage, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.home .td-header-rec-wrap {
display:none;
}

Thanks for the message!

Hello wilfredo,

For more references about this problem, please check the following topic here -> https://forum.tagdiv.com/topic/how-to-deregister-js_composer-css-and-javascript-file-on-single-posts/

Thanks for the message!

Hello GregWasThere,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello,

There seems to be an issue with the background ad. We will fix it in the next theme update. until then please add this css in your theme panel-> custom css box:
body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap {
pointer-events: auto !important;
cursor: default;
}

Thank you!

Hello,

You can create a htaccess rule if you do not want people to access your style.css and redirect the link to your homepage maybe.

Thank you!

Hello,

Sorry but our news ticker does not have that kind of layout as seen on the site you mentioned.
There are only 2 styles available for the ticker: https://www.screencast.com/t/W8zpJViil
Categories cannot be edited like static pages using visual composer so you cannot add block elements to them unless you add them through coding.
Here is an example of a trending now block added through a do_shortcode function in the category top post files https://www.screencast.com/t/k9zFLrYkEg
Here is the code used: <?php echo do_shortcode('[td_block_trending_now tdc_css=""]'); ?>

Thank you!

Hello Golffyk,

I have inspected your website and I saw that the layout is broken, as you can see here -> https://www.screencast.com/t/naEL0M1QYc The CSS style is not applied. My recommendation is to make a new clean install from scratch via FTP way, clear all your caches and install only the plugins that come bundled with the theme core files and rule out any conflicting plugins. Try to follow these steps and check the results.

Hope this helps and let us know how it goes!

Thanks for the message!

Hello,

Unfortunately thumbs cannot be altered with css. You can change the height with css but the image will still remain the same size. I recommend choosing another grid as the theme block layouts are not editable.
You can try big grid 10 for example as it gets close to the layout you are looking for.

Thank you!