Search Results for 'css'

Hello Kingbreak,

What type of version do you are using now? To be sure, first of all, you will have to make a full backup to all your data and then you can try to update it. Regarding on your CSS, you can simply copy and paste from your Custom CSS area and if you have made some customizations through PHP files, you will have to be aware of all of these and which types of PHP file you have made these modifications. Here -> http://screencast.com/t/84E2Rkdn5 you can see what type of PHP files were changed and you can know if it will be overwritten by our latest update or not. Please check the bottom of the page for from this link here -> http://themeforest.net/item/newspaper/5489609

Hope this helps!

Thanks.

Hello Palathil,

Unfortunately, I do not exactly understand what do you want to do? Please notice that what you have shown me above is just a title of the block and you have control over this element when you edit the block in Visual Composer, like this -> http://screencast.com/t/Zx0bT42eT So, if you want to remove all the block title for sidebar section, you can use a bit of CSS to hide it. Try the code below ->

The code is ->

.td-pb-span4 .block-title{
display:none;
}

or if you want to get rid of it all the block title for the entire website, you can use the above code without first condition -> .td-pb-span4

If you refer to something else, please provide more details about what you want to achieve, so I will be able to provide a more accurate response.

Thanks for your understanding!

Hi,

The speedbooster plugin will move the css to be loaded last so this means all your styling will be loaded last. if you want to bypass this behavior, please make your css changes directly in style.css. Speedbooster and css styles are for advanced users so if you do not have the proper css skills to do it, we suggest hiring a freelancer to help out.

Thank you!

Hi,

For the first request please follow this topic: https://forum.tagdiv.com/topic/open-source-and-via-in-a-new-tab/
As for the quotes on mobile: The color of the quotes is affected by the theme accent color:
http://screencast.com/t/gUVdFGDGIdg
Unfortunately the font family and font style can only be changed with css as the mobile theme has no font customization at the moment. You can use this method to load a new font with css: https://forum.tagdiv.com/topic/how-to-change-font-for-text-logo/
and then use this css to set the font family and size for the quotes on mobile:
@media(max-width:767px){
.td-post-content blockquote p{
font-family:mycustomfont!important;
font-size:25px!important;
}}

Thank you!

Hello Boddickerdk,

Please notice that the best way to remove this is from your backend, manually for each block and another option would be to use a bit of CSS code to hide them. If you want this, please provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response.

Thanks.

Hello crazydiver,

It is possible this thing if you are using a bit of CSS code to hide the header ad for certain posts, using the posts ID.
Below I gave you an example for a certain post which have this post ID -> postid-3050.

.postid-3050 .td-header-rec-wrap{
display:none;
}

The result you should see here -> http://screencast.com/t/HG8A7mv4

You will have to try the similar method for your side and see how it will work.

Thanks for your understanding!

Hi,

You can manually add a container in the theme files like so: http://screencast.com/t/wNdetw3J

    ?>
    <div class="headertitle">Advertisment</div>
<?php

and then use this css for positioning:
.headertitle{

position: relative;
    top: -29px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

result: http://screencast.com/t/770gRWQ4YIAj

You can use the same method on the footer but for this you need to edit the footer template files. each footer style has it;s own file: http://screencast.com/t/SkHrMEzZ

I hope this helps.
Thank you!

Hello,
If you want to alter the theme thumbs, it will require a bit of coding skills to add the new size for thumbs and css to adjust the positioning for the new thumbnail. Please use this api guide to see how you can add a new thumbnail: https://forum.tagdiv.com/api-thumbnail-introduction/
Thank you!

Hi,

I’m not sure I understand this correctly so I’m going to provide both solutions.
If you want ALL menu items to be the same color only a different one, it can be changed from the theme panel here: http://screencast.com/t/OHQU7aVpwv
If you want to have different colors for different menu items (you only have one at the moment) then you need to use css like for example , for your current menu item You will have to use this code:
.menu-item-741 a{
color:Red!important;
}
.menu-main-menu-container .sf-menu .menu-item-741 a:after{
background-color:red!important
}

Every menu item has it;s own class with a unique number to it. You can use this code for other menu items and just change the color and the number in the code to match the menu item class number.

I hope this helps
Thank you!

Hello Achimzwo,

I hope that you want to display and the search icon and that’s why I gave you this code ->

.header-search-wrap {
display: block!important;
}

Please ignore it or delete if you add it in your custom CSS Area and the search icon will be hidden.

Thanks.

Hello mboydnv,

For your first request, please try to use the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (max-width: 1018px) and (min-width: 768px){
.sf-menu .td-icon-menu-down {
display: none;
}
}
@media (max-width: 1018px) and (min-width: 768px){
.td-header-style-6 .td-main-menu-logo {
margin-right: 8px;
}
.td-header-menu-wrap-full{
height:initial!important;
}
}

The result you should see here -> http://screencast.com/t/vhoiagMpE

For your second request, please notice that that whitespace come from your sidebar because this is too short for your page content and if it is fixed when you scroll down you will bring that white space. You will have to try to make your sidebar being in sticky mode and then through this method you can get rid of it this space. For more information about smart sidebar, please consult our documentation here -> https://forum.tagdiv.com/smart-sidebar-2/

Hope this helps!

Thanks for your understanding!

Hi,

If you want to remove the hover effects and not rem,ove the lazyload animation, you have to use this css:

.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb{
transform:initial!important
}
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before{
opacity:0!important
}
Add the code in the theme panel-custom css box.
The downside is that the code also removes the gradient so images become brighter and make the text a bit hard to read especially if you have light colors in your thumbnails.

I hope this helps.
Thank you!

Hi,

The css path of the images must be the absolute path. That means the full path to the iamge as you would add it inside the browser. Here is an example of an absolute path: http://mydomain.com/wp-content/uploads/2016/06/rec728.jpg

The theme has no such option to make all category headers a different color. You will need to use css to do that also. Every category has it;s own category Id. You can get the unique category id from here: http://screencast.com/t/yHEmSDoXk

Then you can use the id in css to target just a speciufic category with your code. FOr the blue one, the code will look like this:

.category-53 .td-category-header{
background-color:#11025f!important;
}

For the one you want red:

.category-42 .td-category-header{
background-color:red!important;
}

Remember do delete the previous color change code I provided in my previous replies as it neds to be replaced with these new per-category ones
Thank you!

Hi,

VC does seem to have a lot of styling into it…Try this code:
.vc_toggle_active .vc_toggle_title h4{
color:black!important;
}
Please be mindful of these modifications as they alter the visual composer css, (not the theme’s) so if any other visual composer elements (except theme blocks) have color issues, test to see if the code does not affect them as well. I can’t say for sure if these classes will not be used in some other part of VC as we are not the plugin authors.

Thank you!

Hello Achimzwo,

I have checked your website and I try to make a quick CSS for aligning your main menu. Please try the code below and place it in Theme panel->Cusotm CSS area.

.sf-menu a.sf-with-ul {
padding-right: 5px;
}
.header-search-wrap {
display: block!important;
}
.td-header-menu-wrap-full{
height:initial!important;
}

The result -> http://screencast.com/t/7NSNLseT

Thanks for your understanding!