Search Results for 'css'

Hello newsmaguser,

If you want to change the color and the font-size for this section you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-scandal .td-scandal-big-grid .td-grid-style-2 .td-big-grid-meta {
background-color: green!important;
}
.td-scandal .td-scandal-big-grid .td-grid-style-2 .td-big-grid-meta a{
color:white;
font-size:25px;
font-family:Arial;
}

The result is here -> https://www.screencast.com/t/zxNZZdNYK

Notice that the Font should have to be loaded from Theme panel if you want to change it.

Thanks for the message!

Hi,

A posibility is to remove Latest Articles – https://www.screencast.com/t/P8dmRWKwIZsV and replace it with a block (named Latest Articles) and set a Load More button – https://www.screencast.com/t/hH4xAwBRa pagination to it
Then you can apply some custom css on the button if you want to, here is an example where i used block 11 named Latest articles with the sort order set to latest – https://www.screencast.com/t/iOkXZjzJXma and applied some css customization – https://www.screencast.com/t/nnjp4Q7717g4
This is the css code if you want to us it, just enter it in Theme panel->Custom Css – https://www.screencast.com/t/Ryutl7xoL

.td_block_11 .td-load-more-wrap a {
color: grey;
font-weight: bold;
text-transform: uppercase;
border: 2px solid grey;
padding: 15px;
}

Please let me know if this is ok for you
Thanks

Hello engelgarcia1,

If you want to change the transparency of the main container, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-newsmag-travel .td-container {
background-color: rgba(255, 255, 255, 1);
}

The result is here -> https://www.screencast.com/t/p0Ng9Kro722m

Thanks for the message!

Hello Syams,

Do you are referring to the Author card which is displayed on each post page, like this -> https://www.screencast.com/t/kVkmwxCId44 If you want to hide it for a specific post, you should use a bit of CSS code to do this.

The code is here ->

.postid-28 .author-box-wrap{
display:none;
}

The result is here -> https://www.screencast.com/t/mDVuxuqWI2

Thanks for the message!

Hello roed,

If you want to change the color of the navigation buttons you should use the code below and place it in Theme panle->Custom CSS area:

.td_block_mega_menu .td-next-prev-wrap a:hover {
background-color: red;
border-color: red;
color: green;
}
.td_block_mega_menu .td-next-prev-wrap a{
background-color: pink;
border-color: pink;
color: blue;
}

The result is here -> https://www.screencast.com/t/AKKhEzcsfKiG

Also, please notice that our theme does not have any such an option that allows you to add a More Articles just below the pagination arrows on the mega menu, sorry! You should edit yourself the theme core file which corresponding with this block and makes some adjustments which involve custom work. Also, if you do not have solid coding skills in this regard, please consider hiring a freelancer/developer to help you because we can’t provide custom work at the moment, sorry!

Thanks for the message!

Hi,

The button inherites the body font, in your case – font-family: Merriweather. You can set a different font family for the button using css, just enter it in Theme panel->Custom Css like this – https://www.screencast.com/t/jT9ohzphaP

.vc_btn3 {
font-family: Monserrat, Verdana, Geneva;
}

Result – https://www.screencast.com/t/F8yxNljJH0
Please let me know if this works for you

Thanks

Hello,

I have tested the video in my end but cannot see the issue: https://www.screencast.com/t/CRWbSohlr
There is something on your end affecting your video.
Try this css in the theme panel->custom css box:
.td-post-template-9 .td-post-featured-video
iframe{
width:100%!important;
}

Thanks.

Hi,

Please note that some footer templates come with predefined content and some are blank templates – https://www.screencast.com/t/rZ6XZRTc You can add or remove widgets in the footer like this – https://www.screencast.com/t/jyWe6Mq0u
You can remove the block title border with this code, enter it in Theme panel->Custom Css

.td_block_16 .block-title {
border-bottom: none;
}

Result – https://www.screencast.com/t/s67h5TVjkmjC

It will work only for block 16 on your page (Calculator), if you want to remove the bottom border on all the block titles on the page use this code instead

.block-title {
border-bottom: none;
}

Result – https://www.screencast.com/t/1bPxgpG8

Thanks

Hi,

You could achieve that using this custom css code, just enter it in Theme panel->Custom Css

.td-post-views i {
display: none;
}
.td-post-views::before {
content:"Dilihat";
}
.td-post-views::after {
content:"Kali";
}
.td-post-views span {
margin-left: 5px;
margin-right: 5px;
font-weight: bold;
vertical-align: 0!important;
}

Result – https://www.screencast.com/t/pnMM4zlEJ4
If this not what you meant, please provide a screenshot and more detailed information about what you want to change

Thanks

Hi,

You can enter any custom Css code in Theme panel->Custom Css – https://www.screencast.com/t/h2awYdtQ

Thanks

Hi,

Make sure the post views are activated in Theme panel – https://www.screencast.com/t/JekRPvs3kG0 You should also take a look in Theme panel->Custom Css maybe the code is still there and remove it. Also if you are using a child theme please switch to the main theme and see if the problem is still there.

Thanks

Hi,

Enter this code in Theme panel->Custom Css to remove the social count

.td_block_social_counter .td_social_info {
display: none;
}

Result – https://www.screencast.com/t/E98rCPrn
Thanks

Hi,

There is no theme setting to remove it. You can hide it using this code, just enter it in Theme panel->Custom Css

.td-header-main-menu .td-search-wrapper {
display: none;
}

Before – https://www.screencast.com/t/BmN7jwzwW
Result with code added – https://www.screencast.com/t/KbdVBjVi

Thanks

Hi,

Try using this code, enter it in Theme panel->Custom Css, it sets a background for the category style 8 template (change the image link to what you want to use, it is just an example image for testing)

.td-image-gradient-style8 {
background: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-repeat: no-repeat;
background-size:100%;
}

Result – https://www.screencast.com/t/bbvnXnDwS1Ou
Thanks

If you provide a link to your site i could take a look but I cannot promise anything though as this represents customization. I will inspect it and see if there is a simple css fix.

Thanks.

Hello lemonadepost,

You should use the code below and place it in Theme panel->Custom CSS area.

.td_social_type .td_social_info {
display: none;
}

The result is here -> https://www.screencast.com/t/o0dNC9aX9bg

Thanks for the message!

Hello Loiborg,

If you want to hide the sibling’s category, you should use a bit of CSS code to hide them. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-category-siblings{
display:none;
}

Hope this helps!

Thanks for the message!

Hello n1ck,

All of these settings can be made from the panel, like this -> https://www.screencast.com/t/GMItBnhIz2OL and also, if you want to change the font for sidebar title you should use a bit of CSS code to do that. You can provide your link so I can take a closer look and also, so I will be able to provide a more accurate code.

The theme will become boxed only when a background image or color is used for entire website from here -> https://www.screencast.com/t/8JObTU4YEa

Thanks for your understanding!

Hello,

1) I’m not sure what you are referring to. The mobile content is full width, not narrow and the mobile theme is not supposed to show up on tablets. It is limited to 768 px width. Anything over 768 pixels will get the standard responsive version of the theme You may be experiencing some issues with the mobile theme on your site. Please provide a link so I can inspect it.

2) Disqus is not a tested and recommended plugin. Untested plugins could have css styling issues.

3) Please test this gallery on your tablet and see if it’s the same: http://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/

Thank you!

Hello jj14,

If you want to change the background color and the color for Create Account button you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.mfp-content #register-link{
color: red;
background-color: blue;
}

The result is here -> https://www.screencast.com/t/P0DtdsD5Q

Thanks for the message!

Hello deambris,

If you want to display the excerpts for Block 12 on mobile devices (without using the Mobile theme plugin) you should use the code below and place it in Theme panel->Custom CSS area.

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

The result is here -> https://www.screencast.com/t/Ip71txXS9IRo

Thanks.