Search Results for 'css'

Hello alzlpco,

If you want to change the font for this section, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

.widget_recent_entries li{
font-family:Arial!important;
}

Notice that the font which will be changes should have to be loaded in Theme panel/in source file of theme.

Thanks for your understanding!

Hello OnlineThemes,

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Hope this helps!

Thank you for the message!

Hello pureglamtv,

You should use a bit of CSS code and place it in Theme panel->Custom CSS area.

.td-page-content {
text-align:justify!important;
}

Thanks for your message!

Hi,

Unfortunately that is the case in some situations, when using custom css. You could try to insert the custom code you mention directly in the theme’s style.css file at the end of the code, so the changes load along with the rest of the stylesheet.

Thanks

Hi,

The easier way to do this without modifying the theme files, would be to use some custom css like in this example – https://www.screencast.com/t/4YHOH6rPF
Here is the code used, you must enter it in Theme panel->Custom Css

.single .td-tags li span {
display: none;
}

Thanks

Hello,

If you want to remove the bottom shadow on the lightbox images, you can add this code in the theme panle-> custom css box:
.mfp-figure:before{
display:none!important;
}

Thank you!

Hello,

The white part you see is the top padding added on the page content. You can remove it for the homepage using this css code:
.home .td-main-page-wrap{
padding-top: 0!important;
}

Thank you!

Hello,

Sorry but the css problems you are facing is beacause of your modifications. The bottom sharing should show up like so: https://www.screencast.com/t/O0bQJh5JVdk
The social icons were nefver meant to show the text as yours do. It has been tempered with and that is why the layout broke.
Please be mindful that css is very sensitive and each change will affect multiple locations and cases.
You already changed a good bunch of the theme css so before opening a topic with css issues like the cuting on the titles, please try to remove your customization and test again. The theme in it’s default state does not cut titles.

For the author name on the post, please use this css code to center it.
.single_template_7 .td-module-meta-info{
margin-left: auto;
margin-right: auto;
display:table;
}

Thank you!

Hello,

The sticky menu is separate from the main menu. It will not work in it;s current form on the sticky menu.
if you want to affect only the mobile version with the code I provided, then add it in the advanced css box under mobile phones: https://www.screencast.com/t/qnaXteSKRUT

If you want the code to also affect the sticky menu, please use this code instead:
.td-header-menu-wrap-full, .td-affix{
-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
}

Thank you!

Hello podlodki,

Notice that the theme has for each paragraph a margin-bottom value and that’s why you bring that space between paragraphs. If you want to remove all of these, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS box.

The code is ->

.td-post-content p{
margin-bottom:0!important;
}

If is not what you mean, please provide more details about what you want to do so I will be able to provide a more accurate response.

Thanks for the message!

Hello bemibel,

If you want to manage the title length for your Related Posts for each post, yo should check your Theme panel and change the title length from here -> https://www.screencast.com/t/KHxq0dbXWeSz
If you want to display on mobile mode the sharing buttons, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Cusom CSS area.

The code is ->

@media (max-width: 767px){
.td-with-like .td-social-but-text, .td-with-like .td-post-share-title{
display:block!important;
}
}

Thanks.

Hello yoluca,

I have inspected your meta containers from your website, regarding on these modules and I noticed that you have display:none CSS rule for the date and authors. Please check your theme panel settings here ->https://www.screencast.com/t/rpasOubN to have these settings enabled and then, clear all your caches and check the results. Do you are using a demo on your website, somehow Say What?

Thanks for your message!

Hi,

You could do that using this custom code to make the social icons bigger, just enter it in Theme panel->Custom Css

.td-footer-wrapper
.td-social-style-2
.td-icon-font {
font-size: 20px;
}

With this result – https://www.screencast.com/t/MYE2omccuag
Also there are some options available in the theme panel to change the color and hover on these social icons – https://www.screencast.com/t/D2kEjyxZC

Thanks

Hello rea-secret,

If you want to remove the “Close” button from the modal login, you should use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

.mfp-close{
display:none!important;
}

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

Thanks for the message!

Hello,

You can add this code in the theme panel->custom css box:

@media (max-width: 1018px){
.td-pb-span8 .td-with-like .td-post-share-title {
display: block!important;
float:left;
}}

Thank you!

Hello,

If you want to add the exact same shadow as the header style 1 shadow, you can use a biox shadow like so:
.td-header-menu-wrap-full{
-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
}

Add the code in the theme panel->custom css box.

Thank you!

Hello willysawa,

If you want to achieve this effect, you should use the Big Grid 1 with style 4 and use a bit of CSS code to change the background color, like this ->

.td-grid-style-4 .entry-title{
background-color: red!important;
}

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

Thanks for the message!