Search Results for 'css'

Hi,

This is strange but try to add this code in Theme panem->Custom Css and see if it works for you

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

Thanks

Hi,

You can try this code, just enter it in Theme Panel->Custom Css

.td-post-source-via .td-post-small-box {
display: inline-block;
padding-right: 5px;
}

Result with code added – http://screencast.com/t/cAhpD29APL7q

Thanks

Hi,

It seems that due to some modifications the Block title font has a size of 20px which is making get cutoff because of the overflow property. You should lower the font-size to 19px and it will look good, or try this code in Theme panel->Custom Css that makes it just 1px smaller

.block-title > span {
font-size: 19px;
}

Thanks

Hello fachruljody,

If you want to change the menu button to “MENU” you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS Area.

.td-icon-mobile:before {
content: '\MENU';
}

The result is here -> http://screencast.com/t/HTdJhGAdjKIz

Thanks for the message!

Hello roqeem,

In order to remove more from author you can use 2 methods:

The css method:

.td_block_related_posts .td-related-right {
display:none;
}

or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

For your second request, if you want to change the background-color for the Related Articles tab you should use the code below and place it in Theme panel->Custom CSS area.

.td-related-title .td-cur-simple-item {
background-color: red;
}

The result you should see here -> http://screencast.com/t/mKqMSHeV

Thank you!

If you plan on customizing things, you should create a subdomain for testing purposes so you will not run tests on your live site. Trial and error is the best way to do it.
The code you mention should not affect the theme layout in any way breaking the site. the width is specified to be 100% so it will not go beyond the theme layout. Unfortunately it will affect all tables on your site so you should really consider using classes for your html tags so you can target them separately with css.

Thank you!

Hello awtown,

If you want to remove the page title 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 ->

.td-page-title{
display:none;
}

Also, if you want to hide the page title for a specific page you should use the page ID class at the front of the code, like this ->

.page-id-164 .td-page-title{
display:none;
}

-> http://screencast.com/t/GOmFghK8PFl

Thanks for the message!

The code is provided in the previous reply.
.td-grid-style-4 .entry-title {
background-color: red;
}
Use this code in the theme panel->custom css box. In the code you see this line:
background-color: red; I think it;s self explanatory what it does. It changes the background color to red. Change the word red with your preferred color using the css colors.

Thank you!

Hello awtown,

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.

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 laurena86,

I have checked your website, and I saw that you had increased the font size for Related Articles and More from Author button. Try to use a bit of CSS code to decrease it for mobile mode because that’s why to appear unproperly.

The code is ->

@media(max-width:767px){.td-related-title .td-related-left, .td-related-title .td-related-right{
font-size: 19px;
}
}

Thanks for your understanding!

Hi,

The call to action for “Read more” comes from the td_module_18 – http://screencast.com/t/t4gfyGBCmTRa but it would be dificult to replace it with a custom button. You can try a different way to customize that link using css, to make it look like a button (enter it in Theme Panel->Custom Css)

.td_module_18 .td-read-more a {
background-color: lightblue!important;
color: white;
border: 1px solid transparent;
border-radius: 25px;
transition: all .5s;
padding: 5px 10px;
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}

It looks like this – http://screencast.com/t/RRiuvhmLbw

You can edit the colors as you like to make it look the way you want
Also if you want to hide the arrow next to the text u can use this code

.td_module_18 .td-read-more a i {
display: none;
}

Thanks

Hello,

The demo-style.css is the only file getting loaded. The rest are loaded through the theme pane and medi library. A demo is mostly css as it does not change the theme functionality, just it;s style.
You can load a demo only from the theme demo section: https://forum.tagdiv.com/installing-demos/ You cannot load it any other way. If you want to save the theme settings you can export them like so: https://forum.tagdiv.com/import-export-theme-settings/

We did not test this switch you mention so there is no simple solution I can provide. Sorry. In order to create a custom code that can do that you will have to inspect this file to see how a demo is being loaded:
http://screencast.com/t/DdRU1c6pmEm

Thanks.