Search Results for 'css'

Hi,

You could implement something like this – https://www.screencast.com/t/m4QJSRf4fBh by setting a border left on the sidebar using css, or setting a border in Visual composer for the sidebar section – https://www.screencast.com/t/OD2YQN4K
Please follow this tutorial about using the browser inspector tool to identify the elements on the page and their classes, in order to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ If you can not achieve this, it would be helpful if you can provide a link to your website so I can inspect it and provide a more accurate solution.

Thanks

Hi,

You will have to be careful with the responsiveness when altering the post width: https://www.screencast.com/t/znK8gLp3
It’s best to use % not fixed widths in a responsive layout.
As for the elements you mention, they cannot be found in the editor. You can only alter them with custom css or with html directly in the theme files: https://www.screencast.com/t/u11UOXoz0HT

Thank you!

Hello,

You can create the tab without actually importing the demo. You need to simply add the class to the element as it seems in the current version the css from the black version is not needed anymore as the tab css is already present in the main style.css:
Just create a new tab and add the class like so:
https://www.screencast.com/t/jrtRmwhcQy

Thank you!

Hello,

We do not recommend altering the header css in order to have a bigger logo. We suggest using one of the 3 full logo header styles: 7, 10 or 11: https://www.screencast.com/t/mIxmTemrK which will show the full logo size you upload. Increasing the logo with css will result in image quality loss.

Thank you!

It depends on the quote you use. There are multiple quotes and that setting only affects the default quote, not the others. If you do not use the default quote, then the setting will not affect the quotes on your site. The default quote is added like so: https://www.screencast.com/t/ZwxtjtEvD If you do not use that quote but use these ones: https://www.screencast.com/t/nBPdOfJOVdbZ then the setting will not apply. You can use css to change the custom quotes though. How do you want to change the quotes?
Thanks

Hello twoems,

I suppose that you want to increase the font-size for your paragraphs on mobile mode, right? So, if oyu want to do this, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->
@media(max-width:767px){
.td-post-content p, .mce-content-body p, .comment-content p {
font-size: 23px!important;
}
}

Thanks for your understanding!

Hi,

1. I am not sure I fully understand what you mean. Here you can see all the available blocks in the theme – https://demo.tagdiv.com/newspaper/block-15/ in different layout settings. If the mobile theme is not used, the same content from desktop will be displayed on mobile. This is how block 15 looks on 1 column – https://www.screencast.com/t/wRyjnCqm – https://www.screencast.com/t/Qa1JZkKqg and on 2 columns – https://www.screencast.com/t/lmZuafZx – https://www.screencast.com/t/vAhlmqIF This is how the blocks are designed and how the theme responsiveness works, depending on the page structure in Visual composer. It would not be an easy task to change how the blocks are displayed, and multiple elements have to be taken in account.

2. If you mean the “About Us” and “Follow Us” here – https://www.screencast.com/t/cnTwkha5gVzD you can do it like this – https://www.screencast.com/t/XSjEtHdW in Theme panel->Translations

3. You could use some css for this, to modify the font size on the module title on the slider – https://www.screencast.com/t/8ICa7ynf3ADL This is the code used in the example

@media (max-width: 500px) {
.iosSlider-col-3 .entry-title.td-module-title {
font-size: 12px;
}}

Thanks

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

Hi,

The easier way to do it without modifying the theme files would be to use some custom css to hide the header logo on the homepage like this – https://www.screencast.com/t/vEt78kNjxd that would apply only on the homepage.
This is the code I used, it must be entered in Theme panel->Custom Css

.home
.td-header-style-11
.td-logo-wrap-full {
display: none;
}

Please correct me if I misunderstand, or this is not working for you.
Thanks

Hi,

If you mean the post subtitle – https://www.screencast.com/t/U6yUyJvVpc the font properties can be changed in the Theme panel->Theme fonts->Post elements – https://www.screencast.com/t/dS679WmxxouR For the color of the subtitle however, there is no option to change it at the moment, but you could use custom css like in this example – https://www.screencast.com/t/hP0Ti93dfI
You can follow this guide to create custom code using the browser inspector tool – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please correct me if I misunderstood what you meant, and also provide more details specifying exactly what you want to achieve, so I can give you a more accurate response.

Thanks

Hi,

Unfortunately these are the only available block pagination options at the moment – https://www.screencast.com/t/grU2iTzp4 If you want to implement a different pagination for the blocks, it will have to be custom made, with modifications to the theme files – https://www.screencast.com/t/dtwQzrJEm6 and would require coding skills.
You could change the pagination font color using css like this – https://www.screencast.com/t/DZAOr5ylxPx
This is the code I used, but you could add more properties to it. Here is a tutorial about using the browser inspector tool to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ by identifying the elements on the page and their classes.

.td-load-more-wrap a {
color: yellow;
}

Thanks

Hello,

You can add a padding to your content using this custom css:

.single .td-main-content-wrap{
padding-top: 40px;
}

Add the code in the theme panel-> custom css box

Thank you!

Hello,

1) Bbpress is tested with our theme and works properly but we do not have color options set up for the plugin. If you want to change colors you can use a custom css code where there are no options provided.
For the forum description:
#bbpress-forums .bbp-forum-content{
color:black!important;
}

2) Sorry but we have not tested any alternative ways for this.

Thank you!