Search Results for 'css'

Hi,

You could hide them with css, based on the category used. Like in this example – https://www.screencast.com/t/1cADiwjt7S where a display none property is set for the breadcrumbs – https://www.screencast.com/t/waXoxpJ87QOl and the footer – https://www.screencast.com/t/Int2TvUaxH As for the comment section, the default category pages do not have this, so maybe you should try removing it from your custom category file. If this is not what you meant please provide more details and a link to your site if possible.

Thanks

Hi,

Sorry but I can’t seem to find your site anymore. Please contact us via email at contact@tagdiv.com and provide a link to your site pointing at a woocommerce page where you want the font changed so I can inspect it and provide the proper css code.
You can also provide wp-admin in case we need access to the back-end though.

Thank you!

Hi,

Then just use the a tag for the hyperlinks in the code provided above. Also if you want them to display like this only in the post content for example, just add the post content class before the a tag, or identify the classes used with your browser inspector – https://www.screencast.com/t/tNLy0UcHx – https://www.screencast.com/t/Pe8IdPqGZl In the link I provided above you can see the different states of the links – https://www.screencast.com/t/dBCnvHaEgV5 Here is a tutorial about using the browser inspector to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and add in in Theme panel->Custom css

Thanks

Hello Christian,

Please keep in mind that our theme uses two different files to load the JavaScript and theme Style CSS. The style sheet of the theme is created in style.css -> https://www.screencast.com/t/1hOWGpm3j and the JavaScript is in tagdiv_theme.js like this -> https://www.screencast.com/t/EXuDCTgWHzxd Notice that the queries of these files are made in td_wp_booster_functions.php. The theme style is loaded with wp_enqueue_style like this -> https://www.screencast.com/t/6rLmGGmh and the theme js is loaded through wp_enqueue_script like this -> https://www.screencast.com/t/kyK11Z8L
If you want to make some changes or also, 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 implementation, sorry!

Thanks for your understanding!

Hello,

@vortihk Your problem with the menu originates from the implementation method used on the icons. Please do not use the css implementation. Use the html implementation. That means do not add a css class here: https://www.screencast.com/t/qaV280ypH Use the font awesome html implementation adding the code next to the menu item title.

@rmothie your problem is not the menu. You do not have a problem at all. It;s the default implementation of the mobile theme. You simply did not add mobile content for the pages. Please read this guide: https://forum.tagdiv.com/the-mobile-theme/

Thank you!

Hello,

The font sizes for the modules used on categories can be changed from the theme fonts section: https://www.screencast.com/t/Bc04fFfNKQpc
If you are referring to the category description, you can change it with a css code you can add in the theme panel-> custom css box:
.td-category-description p{
font-size:20px;
font-family:verdana;
}

Thank you!

Hi,

It seems that you have not minified all the code in the theme’s style.css file – https://www.screencast.com/t/Ty63DWwQd Maybe try again by selecting all the code and use a css minification tool – http://cssminifier.com/ then paste all the resulted code in the style file. You could also check maybe there is a cache on the server side and try to clear that too.

Thanks

Hello virgilio,

If you want to add a new module/block at your website, you should implement it yourself via API method, according to our documentation here -> https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/ (practical example) and the block was loaded as expected -> http://screencast.com/t/ALXRbDTs. Please notice that the API implementation is not part of our support and as you can see there, and I want to emphasize that this method addresses only to ADVANCED USERS. In our documentation, you can find some hints if you want to create a custom module/block and please notice that for achieving that is required to have a solid PHP/HTML/CSS knowledge to accomplish that. Please notice that this is a complex method and if you are not aware of the steps which you are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thank you for your understanding!

Hi,

It is possible but it depends where and to what you want it to apply. If those are simple paragraphs you can use some thing like this

p {
border-bottom: 3px solid red;
}
p:hover {
background-color: red;
color: white;
}

Result without hover – https://www.screencast.com/t/u4owcmF778
Result on hover – https://www.screencast.com/t/6ne2qCnk
You can find more about the hover selector here – https://www.w3schools.com/csSref/sel_hover.asp
Thanks

Hello,

Well that is not a category view as you mentioned above. It is a single post.
The issue is with the image you are uploading. The image thumbnail is 1068 pixels and your image is only 1000 px wide. And the height is too narrow as well. You need to upload images that are bigger than 1068 px width for single template 3 otherwise this type of situation can occur.
Here is a css fix for the issue with your current image:
@media (max-width: 767px){
.td-post-template-3 .td-post-header-holder {
min-height: 155px!important;
}}


Thank you!

Hello ebhelloworld28,

If you want to make these changes at your Block Title, you should use a bt of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area

.block-title{
width:96%;
}
.block-title > span {
width:100%;
}

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

Also, please notice that code work as properly if you will not use the Ajax Filter for your Blocks.

Thanks for the message!

Hello Gaurav,

Try the code below and place it in Theme panel->Custom CSS area.

.alignleft{
margin-left: 6px!important;
}
.page-template-default .wpb_text_column :last-child{
margin-bottom:6px!important;
}

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

Thanks for the message!

Please make sure the ssl implementation was done properly.
Please follow 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,

A css rewrite that does not come from the theme is tagged as ‘index’ in the browser console. The theme css has style.css next to it. You rewrites come from the “index” https://www.screencast.com/t/KmFoaetRZ so it;s clear the change in css does not originate from the theme but from your site. Either a custom css in the theme panel or a plugin. https://www.screencast.com/t/8xbMAPojlSUM
If you still cannot get it to work, please contact us via email at contact@tagdiv.com and provide wp-admin so we can login and investigate.

Thank you!

Hi,

Unfortunately the theme has no options to set hover properties on the images inside a post. Something like that is possible, but it will have to be custom made using css. You could search online for image hover effects and find a working solution for you, then implement it in your theme.

Thank you for understanding

Hello,

For the mobile theme these sections can be disabled using a css code like so:
.td-mobile-footer-wrap{
display:none;
}

You can add the code in the theme panel-> mobile theme->custom code field.

Thank you!

Hi,

From what I understand you want the whole header (logo, ad and menu) to remain fixed at the top of the page when you scroll down the page. Unfortunately there is no theme setting for this and has to be made custom. You could try however this code provided below with this result – https://www.screencast.com/t/2M67GyOd6k also you should enter it in Theme panel->Advanced Css in the desktop section so it applies only in that situation, because it could cause problems on smaller devices. Or if you want you could experiment in different situations and optimize it so it suits your needs better. Please let me know if this solution works for you or you wanted something else.

.td-header-style-1 .td-affix {
top: auto!important;
}
.body-td-affix .td-header-wrap {
position:fixed;
width: 100%;
}

Thanks

Hello,

In order to make the proper implementation for ssl you will have to follow these guides:
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/

Thanks.