Search Results for 'css'

Hi,

It would be helpful to actually inspect the problem first hand, for a more accurate solution. Please try this code, enter it in Theme panel->Custom CSS section, and check if this fixes the issue

.td-post-content
.easyazon-block-information img {
width: auto;
}

Thanks

Hello awoodhams,

Being a Visual Composer element, notice that you can change the text and color only via such a Custom CSS code and place it in Theme panel -> Custom CSS area.

The code is ->

.vc_tta-title-text{
font-size:14px;
color:red;
}

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

Thanks for the message!

Hi,

The top menu is not displayed on mobile by default. You could make it display with a code like this
– https://www.screencast.com/t/WJP391Xbb
You must enter the code in the Theme panel->Custom code->Advanced CSS in the phones section, if you decide to use it

.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align:center;
}

Thanks

Hi,

The Lifestyle magazine is not a plugin, it is a demo. Each demo is a customization of the theme, and they have their own styles. The demos are created to showcase the theme possibilities, or give you a starting point in the website creation.
You could achieve the same result as the demo you mention, for both the post sharing top and bottom. Enter all the code provided below in the Theme panel->Custom CSS section, with this result
– https://www.screencast.com/t/DIsnieVr
– https://www.screencast.com/t/XVdiJX9fW8
Follow this link to copy the code
– https://pastebin.com/QHuGTWHS
If you would make the sharing section fixed, it will overlap the post content and other elements as you scroll the page
– https://www.screencast.com/t/ppg3HX5fmq

Thanks

Hi,

This code will reduce the space you mention, above and below the logo
– https://www.screencast.com/t/5C1cp5vR0fVL
You can adjust the values if needed, or use it as it is. Enter the code in Theme panel->Custom CSS section.

.td-header-style-3 .td-header-sp-logo,
.td-header-style-3 .td-header-sp-recs {
margin-top: 10px;
margin-bottom: 10px;
}

Thanks

Hi,

That is the style of that particular demo. You could try a code like this and it should make only the author name visible on modules
– https://www.screencast.com/t/hxMrhdhT
The code must be entered in Theme panel->Custom CSS section.

.td-what .td_module_wrap .td-post-author-name,
.td-what .td-big-grid-post .td-post-author-name {
display:block;
}
.td-what .td-post-author-name span {
display: none;
}

Thanks

Hi,

You could set fixed height for each device, by creating custom code and entering it in the Theme panel->Custom code->Advanced CSS
– https://www.screencast.com/t/N6eTfj80sW
So you will have different heights based on device.
Using the default embedding of a video in the post, there is no such problem. Maybe you should contact the script providers, they might have a solution for you.

Thanks

Hi,

Please enter this code in Theme panel->Custom CSS, and it should fix this issue
– https://www.screencast.com/t/36GzAQzWy

.related ul.products li.product h2 {
width: 100%;
}

Thanks

Hello myglobalnews,

1)If you want to change the color of your News Ticker element, use the code below and place it in THeme panel -> Custom CSS area. The code is ->

.td-trending-now-wrapper .td-module-title a{
color:red!important;
}

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

2)Here is talking about Ajax Filter and this feature can be disabled from here -> https://www.screencast.com/t/OkXlrw3V
3)HTML code could be written here -> https://www.screencast.com/t/WXjdULae7s

Thanks.

Hello aobteam,

Do you have changed it from Theme Panel or do you have inserted some custom codes in your Custom CSS box? Provide your website so I can take a closer look at it.

Thanks.

Hello DSGN,

I have inspected your website and I saw that your sub-footer ad does not come from our theme, sorry! As a quick fix, you can try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.google-auto-placed{
display:none;
}

The result is -> https://www.screencast.com/t/8dlMGTrMSP

Thanks for the message!

Hello rtissler,

If you want to change the title color you should use a bit of CSS code. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-blog-fitness .td_module_wrap:hover .td-module-title a {
color: green !important;
}

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

Thanks.

Hi,

By default there is no option to change the header menu background color when it is sticky. But you could do it with some CSS code
– https://www.screencast.com/t/RFalOxxpv

.td-header-menu-wrap.td-affix
.td-header-main-menu,
.td-boxed-layout .td-header-style-3
.td-header-menu-wrap.td-affix {
background-color: #ac0000!important;
}

The code must be entered in Them panel->Custom CSS if you decide to give it a try.

Thanks

Hi,

As a quick fix you can try a code like this
– https://www.screencast.com/t/EUCm7X1kw
Enter it in Theme panel->Advanced CSS in the Phones section

.home .vc_single_image a {
background-size: contain;
}

You have the option to display different ads using the theme panel, and optimize them for particular devices. This is specified in this guide
– https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

Thanks

Hello agidulyan,

No, you should check it manually and add this format for your blockquotes. Another alternative for you would be to use a bit of CSS code to achieve this style. Try the code below and place it in Theme Panel -> Custom CSS Area.

The code is here ->

.td-post-content blockquote p {
background-color: #fcfcfc;
border-left: 2px solid #4db2ec;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
}

Thanks.

Hi,

If you reply in your own topic, it will only delay the answer and make the topic newer. We reply from oldest to newest, and try to answer all the topics as soon as possible.
What you want to achieve could be possible. It could be done by setting a margin top for the body
– https://www.screencast.com/t/cSMEFPiiLP
The code will apply on all the website. You should enter it in Theme panel->Advanced CSS in the Desktop section. You can change the margin value if needed.

body {
margin-top: 150px;
}

Thanks

Hello asisrodriguez,

Please read more – https://forum.tagdiv.com/newsmag-post-formats-for-tinymce/ – https://www.screencast.com/t/zlx9FXoHfU5
If you want to have it full even if you set a sidebar, you need to remove or comment this code from editor-style.css file – https://www.screencast.com/t/4w2vcg3Mzx
Result – https://www.screencast.com/t/OGJBZsctLhk
Please clear your browser cache after you make any custom modification.

Thanks!

Hi,

You could try a code like this, to modify how the mobile menu displays
– https://www.screencast.com/t/W5biIPBy5C
There might be more modifications needed, but this will give you a starting point if you want to make further customization. You can test the code and see if it is working properly.
Enter it in Theme panel->Mobile theme->Custom CSS section (you can test with other values by modifying the code)

.td-menu-background,
.td-mobile-container {
width:50%;
height: 50%;
}
.td-mobile-container .td-menu-socials {
height: 120px;
}
.td-mobile-main-menu li a {
border-bottom: 1px solid black;
padding: 15px 45px 15px 15px;
}

Here is a link to a tutorial about using the browser inspector 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/
The code can then be used in the theme panel custom code sections.

Thanks

Hello DarkStarzs,

If you will import the Clear Voice demo, notice that all the style of it will be applied to your website. Also, if you want to decrease the white space you should use a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td_block_empty_space{
height:10px!important;
}

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

Thanks for the message!