Search Results for 'css'

Hi,

You should not use percentages in font sizes because unpredictable results could happen. You could enter a different font size for your paragraphs in pixels using css, for each of the sizes specified in Theme panel->Advanced Css->Responsive Css – https://www.screencast.com/t/VB7B4wghqj1

Thanks

Hello serjnsk,

If you want to hide the Sign In form, you should use a bit of CSS code to do that.

The code is ->

.td-menu-login-section{
display:none;
}

Thanks for the message!

Hello deambris,

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

The code is ->

@media (max-width: 767px)
.td_module_11 .td-excerpt {
display: block;
}

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

Thanks for the message!

Hi,

You can modify the theme width if you wish so, by editing the style.css file but it is not recommended because it will damage the layout of the theme. You can set a background color if you want in Theme panel->Theme colors – https://www.screencast.com/t/MGi6Gdo4 or an image – https://www.screencast.com/t/2thk1OL44

Thanks

Hi,

Try this code and see if it works for you, just enter it in Theme panel->Custom Css

.single .td-post-title .td-post-author-name {
top: 1px;
}

Result – https://www.screencast.com/t/OQ2e0OWvMV8
Thanks

Hi,

Try this code and see if it works for you, enter it in Theme panel->Custom Css

.td-post-template-1 .td-featured-image-rec {
width: 100%!important;
}
.td-post-template-1 .td-post-featured-image {
float: left;
margin-right: 30px;
}

Result – https://www.screencast.com/t/ohrHf7OP6
Thanks

Hello lewinandreilly,

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

.td_top_authors .td_mod_wrap {
border:0;
}
.td-container .td-authors-name a {
color:red!important;
}
.td-footer-wrapper .td-authors-name a {
color:grey!important;
}

Thanks for the message!

Hello njtechreviews,

Try to add the !important tag to above custom CSS. Probably, that’s why the code is not applied. here you will see what type of plugins are not tested and you are using them -> https://www.screencast.com/t/PQJFdFEE2Z

Hope this helps and let us know how it goes!

Thanks for the message!

Hello Lewis,

Unfortunately, please notice that our product does not have such an option for dynamic width (full width) and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello samw,

Please keep in mind that the Adrotate plugin has not been tested with our theme and also, our SpeedBooster and that’s why you encountered this problem. As you know, the SpeedBooster will be disabled if you are using some untested plugins. Surely, according to this topic, you make the Adrotate working with our theme but please notice that is not enough. This is not fully compatible with the theme. The Speed booster moves the CSS and JS from header to footer section. Most likely, the Adrotate plugin needs that those resources will not be moved to footer section. Using your coding skills, you should make these adjustments. Otherwise, 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 support for untested plugins.

Thanks for your understanding!

Hi,

You could achieve something like that withoud modifying the theme files using css code, enter it in Theme panel-Custom Css, this will move the top menu under the logo and above the main menu

.td-header-style-7 .td-header-top-menu-full {
top: 150px;
}
.td-header-style-7 .td-logo img {
margin-top: 0;
}
@media (max-width: 1018px) {
.td-header-style-7 .sf-menu {
margin-top: 100px;
}
}

This is the result – http://screencast.com/t/xpYfGwwdBnI
Please tell me if this is ok for you or I completely misunderstood

Thanks

Hello Chrille,

If you want to hide an ad for a specific post page you should use the post ID for this post page and then add a bit of CSS code which hides the ads from this section.

Below I gave you an exmaqple ->

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

-> http://screencast.com/t/cpjzTEsS

Hope this helps!

Thanks for the message!

Hi,

Your site is the default theme state as it can be seen in the demos – http://demo.tagdiv.com/newspaper/ not the boxed layout .Unfortunately the theme width size cannot be changed easily as all elements in the page depend on the fixed width which is defined in the theme css file.

Thanks

Hi,

If you want to use your current logo image try this code, enter it in Theme panel->Custom Css (it will remove the white space)

.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height:0;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 0;
}

Result – http://screencast.com/t/S1bnibRbU
Another way is that you could make another logo of a bigger size (in your case a minimum 130px height) – http://screencast.com/t/ooIWOtOFS

Thanks

Hello njtechreviews,

I have checked your website and I saw that your first black header does not come from our theme. To hide it, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

#menufication-top{
display:none;
}
.menufication-add-padding{
padding-top:0;
}

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

Also, inspecting your website, I have noticed that you are using some untested plugins which can interact with the theme core files and cause a lot of unknown issues. Please try to disable all of them and install only the plugins that come bundled with the theme packet and rule out any conflicting plugins.

Also, if the problem is still there, try to make a new clean install from scratch via FTP, use only the required plugins which come bundled with the theme packet, clear all your caches and check the results.

Hope this helps and let us know how it goes!

Thanks for your understanding!

Hi,

I have tested the code and it works – https://www.screencast.com/t/8a4Ij6vpqx Maybe you have some other custom code added in Theme panel->Custom Css with an unclosed tag before this one.

Thanks

Hi,

Unfortunately an iframe cannot be targeted with css properly You can only target the iframe itseld, not the content inside it. Your iframe got the size hardocded provided by the iframe source (the plugin) SO for the moment there is no proper solution to have it display exactly as intended. You can also contact the plugin author and see if there are any iframe settings to be changed.

Thank you!

Hello rahuldungawat,

As you can see from above screenshots, the code which I have provided you will center aligned your titles on the box.

Please keep in mind that we cannot provide additional customizations and usually, we recommend the developers from studio.envato.com

Please notice that all the custom CSS code should have to be put in Custom CSS area box. Most likely, the code not working because this is not correct, sorry! You should have some coding skills in this regard to create a good code. So, please notice that we have made a guide about what you can use your inspector browser to create your own CSS code, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Well you can add a css rule to limit them but the pictures will not show the entire content anymore or they will be squished and not display properly unless the aspect ratio is proportional to the size you want it in.
I;m not sure what the contribution page is. If you want all posts that use the post style 3 to show a maximum featured image height of 450 pixels then you can add this code in the theme panel-> custom css box:
.td-post-template-3 .td-post-header-holder{
height: 450px!important;
}

But you will have to mind the aspect ration of the images.

Thank you!

Hello rahuldungawat,

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

.td_social_type .td_social_info:nth-child(2) {
display: none;
}

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

Thanks.

Hello awtown,

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

The code is ->

.widget .block-title > span{
background-color:red!important;
color:green!important
}

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

Hope this helps and let us know how it goes!

Thanks for your understanding!