Search Results for 'css'

Hello noori020,

Unfortunately, I cannot make all widget title to be on 2 lines, sorry! As I can give you is the following custom CSS code which will arrange your widgets to look like this -> http://screencast.com/t/hY5sUh10LAm

.wpb_heading {
width: 100%;
text-align:center;
}
.page-template-default .wpb_text_column:last-child{
text-align:center!important;
}

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

If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hello justfreshkicks,

I suppose that you want to change the “Load More Stories” button, right? Try the code below and place it in Theme panel->Custom CSS area.

.td-load-more-wrap {
background-color: green;
}
.td-load-more-wrap a:hover{
color:blue;
}

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

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

Thanks for the message!

Please provide a link to your site and I will provide a css code to get the menu items aligned, but they will not be able to align properly with all of the circles as at one point the menu will go on 2 rows when there is no more spec for another option inside the menu or on small screen devices.
Thank you!

Hi,

You can change the color of all the breadcrumbs using this code (change the color to what ever you want), enter it in Theme panel->Custom Css

.entry-crumbs a, span.td-bred-no-url-last {
color: yellow!important;
}

To disable latest articles edit your page and select the default template in page attributes – http://screencast.com/t/jRReunp3eh

Thanks and Happy New Year!

Hello,
Well it could be that event plugins have trouble with videos in our theme. I cannot say for sure as we have not tested any event plugins. If it;s just a css issue, then the fix will be simple. If it cannot be done with css and it requires more in depth customization we will not be able to help as plugin implementation is not part of the theme support.
Please provide a link to such a video and we will take a look.
Thank you!

Hello Ottret,

I have made some tests and it seems to be a mini bug in our theme in this regard, sorry! You should try using the code below and place it in Theme panel->Custom CSS area. I have added to our list of improvements and we will consider to fix it as soon as possible.

.td-gallery-slide-top {
margin-top:200px;
}
@media only screen and (min-width:768px) and (max-width: 1023px){
.td-gallery-slide-top {
margin-top: 140px!important;
}
}
@media (max-width:600px){
.td-gallery-slide-top {
margin-top: 20px!important;
}
}

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

Thanks for the message!

Hello,

Our theme is already compatible with either http or https. If you take a look at the code you will see this everywhere: http://screencast.com/t/0riGyyiH
It probably means you missed a step in moving to ssl.
Please refer to these few resources:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/

Thank you!

Hello m0re,

If you want to hide an ad for a certain post you should use the post ID and a custom CSS for this ad, like the code below:

The code is ->

.postid-147 .td-a-rec, .postid-147 .td-g-rec{
display:none;
}

The result is here -> http://screencast.com/t/tz610oCpC
Notice that the .td-g-rec class is only for a Google Adsense AD and .td-a-rec for other ads.

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

Thanks for the message!

Hello,
They can only be changed through custom css unfortunately as there is no setting created for this.
Thank you!

Hello,

We get this issue a lot with users who try to customize the theme to position properly in RTL mode. The mobile menu is hidden from view in the normal mode but when you switch to rtl, you will also have to change the mobile menu position so it will be outside of the screen on the right. The css for the mobile menu will not change automatically.

http://screencast.com/t/6CwWgdtZpDa

Thanks

Hello m0re,

The theme’s width can be changed from style.css file from td-container, like this -> http://screencast.com/t/7TKvBjRU

Please keep in mind that the theme content area has a fixed width and it cannot be changed as all the theme elements depend on the fixed width. Changing even 1 pixel of the theme width will cause elements to break. Our theme was not designed with a dynamic width in mind.

We do not encourage changing the theme width and that is why you will not see any solution for this in our forum. You should do it at your own risk.

Thanks for your understanding!

Hi,

You can change the opacity of the image using this code, just enter it in Theme panel->Custom Css (Default is .7 change it with values between that and 0, closer to 0 meaning less opacity) Please let me know if this dows not work for you

.td_block_big_grid_5 .td_module_mx12 .td-module-thumb a::before {
opacity: .3;
}

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

Hi,

Enter this code in Theme panel->Custom Css

.td-post-template-3 .td-post-header .entry-title {
margin-bottom: -30px;
}

Result – http://screencast.com/t/ylZrn3VGqZOp
You can edit the margin-bottom as you like
Thanks

Hello,

You will be able to use the child theme but only if you update it and make the necessary adjustments for future updates. A child theme is never update proof. If you alter functions.php and style.css those are files that are constantly changed in each update. They will have to be adjusted and your modifications tested with the new version each time. Please test without the child theme. Disable it for testing and see if the problem goes away without it.

Thank you!

Hello roqeem,

#1 Do you want to remove these Blocks from footer section on mobile? -> http://screencast.com/t/SiaClv8VK1 If you want this, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Cusotm CSS area.

@media(max-width:767px){
.td-footer-container .td_block_7, .td-footer-container .td_block_popular_categories{
display:none;
}
}

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

#2 I guess that you want to get rid of it the Excerpts, right? I have checked your website and I saw that you are using the Block 11 which uses the module 10 to display your posts. So, if you want to remove the Excerpts you should do this -> http://screencast.com/t/mvo5AXfrXS and the Excerpts for this type of module/block will not appear.

Hope this helps and let us know how it goes!

Thanks for the message!

Hello DaneOLeary,

If you want to change the hover background color for your Instagram social icon, 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-social-style2 .td-social-icon-wrap:hover .td-icon-instagram {
background-color: green;
}

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

Thanks for the message!

Enter this code in Theme panel->Custom Css

.td-post-next-prev span {
color: black;
}

Please let me know if this does not work for you
Thanks

Hello Frydenborg,

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

The code is ->

.td-module-title{
font-family:arial;
font-size:20px!important
}

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

Thanks.

Hello Frydenborg,

If you want to change the color and font-family for category tags on modules/blocks you should use a bit of CSS code because the theme does not have any such an option in Theme panel which allows you to change this, sorry! Try the code below and place it in Theme panel->Custom CSS area.

.td-post-category {
background-color:red;
font-family:arial;
}

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

Also, please notice that the font family must have to be loaded in your theme because otherwise, the font will not be applied.

Thanks for the message!

Hello awtown,

Sorry for this! If you want to change the background color for the Widget title in the sidebar, you should do this from Widget section, like this -> http://screencast.com/t/PU3C0bupgYa
For your second request, if you want to remove the Google Plus and Pinterest, 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-sp-googleplus, .td-sp-pinterest{
display:none!important;
}

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

Thanks for the message!