Search Results for 'css'

That is not a bug, the mobile theme will not display the same content from desktop. It will not display pages built with the composer, content for mobile pages can only be entered through the mobile editor
– https://www.screencast.com/t/6Z2evNxsXE
This mobile plugin is optional, if you want to display the same content form desktop simply deactivate it. More about the plugin here
– https://forum.tagdiv.com/the-mobile-theme/

@stanisci There seems to be some theme design missing, that is why the author name looks broken. Enter this code in Theme panel->Mobile theme->Custom CSS

header .td-module-meta-info .td-post-author-name div {
display: inline-block;
margin-right: 2px;
}

– https://www.screencast.com/t/hQDjRVK1F7

Unfortunately I don’t understand exactly what you want to do. That is the footer logo, it can be changed in the theme panel. The same logo will be displayed on AMP pages. The AMP plugin is optional, you can choose not to activate it.

The plugin does not have at the moment options for custom CSS code, custom modifications could only be made in the plugin files if absolutely required.

Hi,

1. So you want all the socials to be of the same background, this could be done like this
– https://www.screencast.com/t/cb7T6ZA41Nt
Enter this code in Theme panel->Custom CSS section

.td-social-colored .td-sp {
background-color: #00b0ff!important;
}

2. They have fixed width and height like this
– https://www.screencast.com/t/hZMDHlAPKLd
You could reduce those values if needed, using the same code
– https://www.screencast.com/t/m2HYmIiJG8q
This is the code used in the example, give it a try

.td-social-colored .td-sp {
width: 44px;
height: 44px;
background-position: -14px -222px!important;
}

Thanks

Hello,

Using visual composer on posts was never supported in our theme. We always advised against it. If you want to move over to the tagdiv composer, you will have to remove any vc code from your post. The width change you made in css will impact other parts of the site as well. It is not a solution. The only proper solution is to remove VC elements from your posts.

Thank you!

Hello Will,

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

The code is ->

.td-header-menu-wrap {
border:none!important;
}

Thanks.

That code seems to work, on responsive the logo does not look right however
– https://www.screencast.com/t/57krnj6r
You could remove that code and try something like this for example
– https://www.screencast.com/t/Sms4pmA7nt
It looks good responsive and on desktop
– https://www.screencast.com/t/p1444pWB3Zd

.td-header-style-9 .td_stretch_content_1200.td-logo-wrap-full {
max-width: 1200px;
}
.td-header-style-9 .td-header-sp-logo {
text-align:left;
}

Note there are Advanced CSS section sin the theme panel, if you want cod to apply only for specific devices.

Based on user feedback there were some issues between that plugin and the theme. The plugin author released an update not long ago I believe. The problem you are having could be a CSS issue, if you could provide a link to a pages where it is happening, I will take a look.

Hello K.H.R,

Sorry but the theme does not have any such a style for this header menu. You should customize it yourself using a bit of CSS code or something like this and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry! Our list of header styles can be found here -> https://forum.tagdiv.com/newsmag-header-styles/

Hope this helps and let us know how it goes!

Thanks for the message!

Hello,

I guess that you are referring to the box-shadow effect. Sorry, the theme does not have this option but you can add it via such a custom code for the main wrapper using the CSS code. Check the code from here -> https://www.cssmatic.com/box-shadow and also, for more information about how you can create the custom CSS code, please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hello,

Unfortunately I cannot test this on my end as we do not get the issue. This happens when using cdn or optimization tools with untested options such as wprocket, minification of the css, rocket loader, autoptimize, etc.
We do not recommend any of those tools.

You should add the code in the advanced css section so it only affects the desktop version though.

Thanks.

Hello,
If the amp template is what yuou are after you will have to implemebt the css in the amp file. Here is the css code you need:

.td-sub-footer-container.td-container-wrap .td-sub-footer-menu{
margin-left:auto;
margin-right:Auto;
float:none;
}
#menu-footer-menu.td-subfooter-menu{
display:table;
margin-left:Auto;
margin-right:auto;
float:none;
}
.td-sub-footer-copy{
text-align:center;
}

This topic explains how to implement css in amp:

https://forum.tagdiv.com/topic/amp-custom-css/
Thank you!

Hello,

Unfortunately only by installing a demo or by altering the theme css can you add a content background from the theme settings. You can try with css to get a background color for all the content as a custom solution:

.td-container-wrap,
.post {
background-color: #e6ded2;
}
Add this code in your theme panel-> custom css box.

Thank you!

Hello,
If you want to hide the title from that specific post, you shoul;d add this code in style.css:

.postid-744 .td-post-title{
display:none;
}

Thank you!

Please add this custom css to your theme panel custom code section:

.category-cursos .td-post-author-name, .category-cursos .td-post-date{
display:none;
}

Thank you!

Hello gabriel79,

The theme does not have any such an option for this but I guess that you can restrict the link if you will use a bit of CSS code. Provide your website URL and let me know where exactly you want to do this.

Thanks.

Hello StaLau17,

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

The code is ->

.td-blog-fitness .td_block_big_grid_fl_4.td-grid-style-4 .td_module_mx21 .td-meta-info-container .td-post-category{
background-color: green;
color: red;
}
.td-blog-fitness .td_module_wrap:hover .td-post-category {
color:blue!important;
background-color:yellow!important;
}

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

Thanks for your understanding!

Hello,

If you want the header menu to always remain sticky you can simply add this code to the theme panel advanced css box:

.td-header-menu-wrap{
transform:none!important;
}

Thank you!