Search Results for 'css'

Hi,

I understand what the problem is, I will try to give you a solution. Please try entering this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/MrFEIyc5jV

.mfp-content .td_display_err {
top: 115px;
}

It should create enough space so the text does not overlap.

Thanks

Hi,

The featured image will open in a modal when clicked, by default. What you are asking would have 2 solutions. The simpler one where through an added code in Theme panel->Custom CSS, any clicking on the featured image in the post page will have no effect. Something like this

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

The other solution would require modifications in the theme code, in order to remove the actual link on the image. I will try to give you this solution, if the above is not sufficient.

Thanks

Hello,

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

.author-janiceang, .author-box-wrap{
display:none;
}

Thank you!

Hello marketing20,

You should use the following code if you want to hide the Excerpts and Read More button for block 23.

The code is ->

.td_block_23 .td_module_18 .td-excerpt{
display:none;
}
.td_block_23 .td_module_18 .td-read-more{
display:none;
}

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

Also, if you want that code to be applied only to desktop version you should place the code in Advanced CSS in the desktop area, like this -> https://www.screencast.com/t/Ij0rMi3kLEQ8

Thanks for the message!

Hi,

The css provided above is not correct. The is no display:all property – https://www.w3schools.com/cssref/pr_class_display.asp
And like you can see here the css is not applied – https://www.screencast.com/t/Lwf7kxVUrd
The category tag was is hidden on mobiles for module 14 and it appears on your site because you have removed display:none; from stylesheet file.
I suggest to remove your custom modifications and use this custom css in Theme Panel > Custom Css – https://www.screencast.com/t/vIaNZgxgb

@media (max-width: 767px){
.td_module_14 .td-post-category {
margin-left: 14px;
display: inline-block !important;
}
}

Thanks!

Hi,

The code mentions category template 1, which looks like this
– https://www.screencast.com/t/vXbV3Jd7xK04
Or like this with the top grid disabled
– https://www.screencast.com/t/XRRkEMx87YmQ
Applying that code will first stretch the category header to full width, and also set a padding top for the sidebar
– https://www.screencast.com/t/cjy87ddY
That is all it can do. I think I know what you want to do however, but it could prove tot be difficult. The category header and the sidebar belong to different containers, so even if you would set a custom width to the header, something like this
– https://www.screencast.com/t/XUlyy7KHz
The sidebar will not go up, it is applied to the post loop below and will appear accordingly. You could force it higher
– https://www.screencast.com/t/NTEY3UHthyd
But that will cause responsive issue most likely. This will have to be made only for desktop (Theme panel->Advanced CSS desktop section)
The code I used is this one, you can experiment further if you wish. There could be a different solution maybe you can find it

.td_category_template_1 .td-category-header .td-container {
width: 696px;
margin-left:48px;
}
.td_category_template_1 .td-main-sidebar {
top:-170px;
}

Thanks

Hello eemskrant,

If you want to affect the color link from the post content, you should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-post-content a{
color:green;
}

Thanks.

Hi,

You should take into account the theme width when setting a background like that. The theme width with a background set in the theme panel, is 1164px. The website will always have that width and be centered. The background is displayed in the remaining margins.

Creating that space would be possible with a code like this entered in Theme panel->Custom CSS
– https://www.screencast.com/t/IRj2xisaVez0

.td-theme-wrap {
margin-top: 290px;
}

It may also be modified to target specific pages only if needed, like the home page for example.

Thanks

Please try this code, enter it in Theme panel->Custom CSS section
– https://www.screencast.com/t/zvrAa6nzGtVP
It should fix the issue with those elements once entered. Maybe clear your cache as well

.vc-hoverbox-wrapper .vc-hoverbox {
width:100%!important;
}
.vc-hoverbox-inner {
min-height:250px!important;
}

Thanks

Hi,

I could give you a code solution to force the modules to display differently. But please note that this is not how the theme elements should be used. That slide is not the default big grid slide available in the theme.
Also note that all blocks, grids, slides etc are predefined, have preset design values. Altering these could break theme and cause them to not display properly.
In this case a code like this could produce the result you want
– https://www.screencast.com/t/vaoeadeM

@media (max-width: 767px) {
.td_block_big_grid_2 .td-small-thumb .td-module-thumb {
height: 200px!important;
}
.td-big-grid-slide {
height: 600px!important;
}}

Enter it in Theme panel->Custom CSS section.

Thanks

Hello strawberrybase,

If you recently switched to HTTPS make sure you have done it properly.
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/
https://forum.tagdiv.com/topic/moving-to-ssl/
Also, make sure if you are using the latest version of the theme installed via FTP way. Check your plugin’s list and if you are using some untested plugins, try to disable all of them, clear all the caches and check the results. Before doing these steps, ensure that you have made a full backup to your database to avoid losing all of your data.

Thanks for your understanding!