Search Results for 'css'

Hello,

Unfortunately there is no simple way of doing it except hard-coding it. The post templates are created for posts. There are specific containers and css that were created for that post template in particular. You will have to create a custom page template and add the containers and css yourself to replicate the post style. I cannot provide any solution for this as there is no simple one. You will have to create the html structure and the css that goes along with it. You can create a replica of it in visual composer by adding a stretched row with a black background and a video inside of it. But you will not be able to add the breadcrumbs inside it though. That is why you need to hard-code it.

Thank you!

Hello,

1. This could be because of your customization. Please restore the plugin and theme to it’s default code and test again. Try to disable all plugins except visual composer and buddypress, clear cache and reset cdn files if you use it. I cannot se this issue on my end so it is caused by something on your end.

2. The colors are added by the plugins and our theme has no option to change these colors. You can use this css code to change the black colors:

.bbp-search-form input[type=submit]{
background-color:red;
}
#bbpress-forums li.bbp-header{
background: none red;
}

#buddypress div.item-list-tabs ul li.selected a{
background-color:red;
}
.td-page-content .item-list-tabs .feed a{
background-color:red!important;
}

These colors do not have settings for them so they can only be altered with css. You will have to identify the ones you want to change and use the browser inspector to alter their color. If the plugin does not add any options for changing the colors, the theme cannot do it instead.

Thank you!

Hello,

Unfortunately the theme width is fixed and cannot be changed. We did not built the theme with a dynamic width in mind. Sorry. The theme width cannot be changed easily as all elements depend on the fixed width.
As for the fonts, the weight should be the same on all browsers, but this can be different based on the browser interpretation of the css. Please also test our demo http://demo.tagdiv.com/newspaper/ and see if the font weight behaves the same on your browsers.
If you want to remove the excerpts for block 6, you cn do so by removing the excerpt from the excerpts section here: http://screencast.com/t/WdQ11eB6A
As for the title text, please provide an example of what title you are referring to so I can provide the proper answer

Thank you!

Hi,

Enter this code in the Theme panel->Custom Css

.td-pb-span4 .td_block_11 .td_module_10 .td-module-thumb {
right: 0;
left: auto;
}
.td-pb-span4 .td_block_11 .td_module_10 .entry-title {
padding-right: 95px;
padding-left: 0;
}

Thanks

Hello,

There is no code I can provide you will need html knowledge to make a custom container and css for positioning. If you do not know the steps you need to take in this regard, I suggest you hire a developer to help out

Thank you!

Hi,

There is no setting in the theme for this, but you can add this code(with the color you want) in the Theme Panel->Custom Css

.td_video_playlist_title {
background-color: #ff533d;
}

The result is like this – http://screencast.com/t/S4aPdjNmE3RU

As there is no way to set a title for a Big Grid in it’s settings, in order to achieve this open your page in the Visual Composer and add a Raw Html – http://screencast.com/t/3tI3IOavQM3O in the same row with your Big Grid(above it) – http://screencast.com/t/DezI2TgTnBfL.
Then in the Raw HTML edit section, General tab – http://screencast.com/t/GJPbPeQkL add this code

<h4 class="block-title" style="border-color: #e29c04;"><span style="margin-right: 0px;background-color: #e29c04;">Latest Articles</span></h4>

This is the result – http://screencast.com/t/3g5c0UJlR (Enter what you want instead of Latest Articles, and choose whatever colors you want for the border and the background)

Thanks

Hello nkodgh,

Please notice that I gave a solution above regarding on how you can hide the more from author tab for a certain post page. If you want to be the general one, you have to exclude the certain post ID and the CSS rule will be applied for the entire website. Notice that the page does not contain the “more from author” feature. Same thing for author description.
If is not what you mean, please provide more details about what you want to achieve, provide some useful screenshots so I will be able to provide a more accurate code.

Thanks for the message!

Hello,

This can only be done with css. There is no setting in the theme panel for such a feature. You will first need to use a header style that uses a background highlight on hover (not an underline) https://forum.tagdiv.com/header-styles/ Then the hover color can be changed with a css code for each element in particular. Please refer to this topic: https://forum.tagdiv.com/topic/main-menu-different-colours/

Thank you!

Hi,

Unfortunately u can’t customise the colors in the submenus from the theme panel. You can change them with Custom Css though. Enter this css in Theme Panel->Custom Css(change the color to your liking).

.td-header-main-menu
.sub-menu,
.td_mega_menu_sub_cats {
background-color: grey;
}

If this not what u want please provide a screenshot showing what exactly you want to change.

Thanks

• This reply was modified 9 years by Simion C..

Hello SavvyZen,

If you want to change the font family for your block title added in your Sidebar you should use a bit of CSS code, like this ->

.sfsi .block-title{
font-family:Playfair Display;
}
.td_block_social_counter .block-title{
font-family:Verdana, Geneva;
}

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

Please notice that each font size which you have load via CSS should have to be loaded in your website from your Theme panel. Otherwise, the theme does not recognize it.

Thanks for the message!

Hello,

Our theme is fully compatible with both http and https. Please use these few resources for a few hints on how to properly set up https:
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!

Hi,

If you want to target a specific post with css, you can also use the post ID: http://screencast.com/t/vXVijvABv
It’s one of the classes on the body tag.

Thank you!

Hello libtetto,

If you want to change the font size for mobile for Block 7, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (max-width: 767px){
.td_module_6 .entry-title {
font-size: 17px;
}
}

Thanks for the message!

Hi,

Probably this is happening because of a plugin. Try to disable all plugins except Visual Composer and see if the problem persists. If not, enable them one at a time, to spot the one causing it. If none of this works add this code in the Theme Panel->Custom Css

.td-header-menu-wrap.td-header-gradient {
visibility: visible !important;
}

Thanks

• This reply was modified 9 years by Simion C..

Hi,

That will change only that rows background color. You can choose a background color(in Theme colors) or image-(in Background), but the website will automatically change to the boxed version. Anything else requires custom css changes.

Thanks

Hello,

You can add this code in the theme panel-> custom css box to remove some of the margins and padding that create the white space:
.td_block_related_posts{
padding-bottom: 0!important;
}
.single .comments{
padding-top: 0px!important;
margin-bottom:0!important;
}
.td-main-content-wrap{
padding-bottom: 0!important;
}

Thank you!

Hello m0re,

If you want to hide the 80*60 px thumb you should use a bit of CSS code, like this ->

.td_module_mx2 img{
display:none!important;
}

The result -> http://screencast.com/t/vCRrtrdEa22n

Also, if you want to disable the Live Search you should comment out/delete the code from td_data_source.php, like this -> http://screencast.com/t/EFof6oIN

Thanks for the message!

Hello,

We can help if you provide a link to your site and the css you are trying to add so we can figure out why the code is not applying.

Thank you!

Hello,

Please add this css in the theme panel-> custom css box:

@media (max-width: 767px){
.td-header-style-9 .header-search-wrap .td-icon-search:before {
color: #fff!important;
}}

Thank you!