Search Results for 'css'

Hello skyscorcher,

Please try the code below and place it in Theme panel->Custom Css area. If you are using this code, all the links in your website will be highlighted, like this: http://screencast.com/t/DDZ46wqiXKd

a {
text-decoration: underline;
}

Thank you for the message!

Hi,
You can now target your widget with css using the custom class:

.custom-time{
display:inline!important;
padding-left:5px;
vertical-align: middle;
}

Thanks.

Hello cororay,

Our theme was built based on a fixed site width. All content depends on this with in order to align to the column based layout we created. The width can be reduced using css but the problem is that all elements depend on this width. If you change it, you will have to change every single element you use on your website in order to adjust it to the new width. As an example, I reduced your site width using a live css editor: http://screencast.com/t/xqkbprjt. I suggest you stay in default width.

Sorry for the inconvenience!

Thank you for the message!

Hi,
Please use this custom css for it:

.entry-title a:hover{
color: #FFED41 !important;
}
.eng_widget_is:hover{
color: #ffed41!important;
}

Thank you!

Hello,
I have checked your website and everything seems fine at the moment. The css should have nothing to do with it. It is loaded from the main theme if it’s not rewritten in the child theme. Please follow this guide to set up the child theme properly: https://forum.tagdiv.com/the-child-theme-support-tutorial/ Please make sure you keep the folder path as suggested in the guide.
Thank you!

Hello Lewis,

You can hide that weird black point if you use a bit of Css. Please, place the code below in your Theme panel->Custom Css area.

.wpb_wrapper li {
list-style: none;
}

The result you should see here: http://screencast.com/t/zueLqE7r

Thank you for the message!

Hello,
Block 16 by default shows the author name: http://screencast.com/t/GGnWhB4I, but in order to make it show the avatar it will need further customization. you can follow this topic to see how it can be done: https://forum.tagdiv.com/topic/customizing-excerpts-homepage-block-12/
For the excerpts, they were hiden on tablets and mobile phones as a design choice.You can make them reappear with this custom css:
@media (max-width: 1018px) and (min-width: 768px){
.td_block_16 .td-excerpt {
display:block!important;
}
}

@media (max-width: 767px){
.td_block_16 .td-excerpt {
display: block!important;
}
}


Thank you!

Hello ned4spd8874,

As a quick solution, you can try the code below and place it in your Theme panel->Custom Css area

.post-ratings img {
float:left;
margin-right: 10px
}

The result you should see here: http://screencast.com/t/39xCDRtXf68

Also, you can try to disable all other plugins and check that there is a conflict of plugins which causing this problem or the problem comes from our theme.

Hope this helps and let us know how it goes!

Thank you!

Hi,

The plugin’s css overwrites the default theme color for links. Unfortunately the disqus’s plugin iframe can’t be altered using custom css code. You can check the plugins settings if this can be changed from there. You can also address to plugin’s support – https://wordpress.org/support/plugin/disqus-comment-system
https://help.disqus.com/customer/portal/articles/545277-disqus-appearance-tweaks

Thank you!

Hello eyesandvoice,

You can achieve this if you use a bit of Css to hide the category title on your page. You should place the code below in Theme panel->Custom Css area, like this:

.td-page-title {
display:none;
}
.td_category_template_7 .td-category-title-holder {
padding-top: 0;
}

If you use a different template per category, it is also necessary to replace .td_category_template_7 with category_template used to apply the code above.

The result you should see here: http://screencast.com/t/PbxWPfOS

Hope this helps and let us know how it goes!

Thank you!

Hello,
Unfortunately this is the case with blocks that display the full screen image on mobile. It was a choice made by the developers to improve loading speed and avoid creating an exaggerated number of thumbnails. You could override this functionality by forcing the block to use the full image by editing the theme code but then the page speed would greatly be affected. You can find the code for the block 3 here: http://screencast.com/t/Y7MngT46sL7m
You can see all the thumbnails our theme uses here: http://screencast.com/t/nklxPLxCd
You can edit the first file and select another thumbnail for it (replace the thumbnail with another thumb name) so the mobile version will have more quality, but it will need a few more css adjustments for it to work.
I hope this helps.
Thank you!

Hi,
You can adjust it with this custom css:
@media screen and (max-width: 782px){
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img {
top:3px!important;
}
#wpadminbar ul{
padding-top:10px!important
}
}
Thanks.

Hello and thank you for purchasing our theme and thank you for your kind words.

1- Please provide more details to how you want the top ad to be positioned. I assume you want it moved a bit to the right. You can use this css code for it:
.td-header-style-1 .td-header-sp-recs {
margin: 50px 0 9px 63px!important;
}
You can place the code in the theme panel->custom css box.

2- For the footer i see you have many widgets added in the footer 3 area: http://screencast.com/t/Qpg9Zx7pW
The first 2 footer styles from the theme panel come with predefined content that cannot be removed. You can use another footer style that has no demo content and then use the 3 footer widgets to add your own content. You can read more about footers in our documentation here: https://forum.tagdiv.com/footer-templates/

3- You can use this custom css code to adjust the width and height of the logo:

.td-header-style-1 .td-header-sp-logo {
width: 160px;
height: 120px;
The default header style will crop your logo for it to fit with the ad next to it. If you want the theme to display the logo exactly as the dimensions you upload, you will need to use a header style that supports ‘full logo’ : https://forum.tagdiv.com/header-styles/

4- You can add a hover effect with css as the theme has no option for it. Please use this code:
.footer-logo-wrap img:hover{
opacity:0.5;
}

Thank you!