Search Results for 'css'

Hi,

1. On the first page you don’t use that block properly, please take a look on our demo how block 6 an9 are used( http://screencast.com/t/2kVZPiI4OIzI ): http://demo.tagdiv.com/newspaper/block-6/ – http://demo.tagdiv.com/newspaper/block-9/
On category page please try this custom css: http://screencast.com/t/RyNkkd0E

.category .td_mod9 .item-details{
margin-left: auto;
margin-right: 300px;
}

2. You don’t use the mega menu properly please follow our documentation for this: https://forum.tagdiv.com/how-to-use-the-megamenu/ and also the result on our demo: http://demo.tagdiv.com/newspaper/

3. Please try to enable all shortcodes from Visual Composer settings: http://screencast.com/t/yW4ZmGFjsf
Also if this doesn’t solve the issue please try to delete Visual Composer and install it again.

Thanks!

Hi,

Unfortunately you only one code can be added in the Theme Panel Ads section. You can try to add the codes separate in custom ads for example – http://screencast.com/t/jfHbpWeTJVN and use shortcodes in the post template file: http://screencast.com/t/HjepyqGHvg
And use some css in Theme Panel > Custom Css: http://screencast.com/t/h31va6BUcT

Hope this helps!

Hi,

You can try this custom css to hide pinterest button: http://screencast.com/t/cJv4L3fDiAU9

.td-social-sharing .td-social-pinterest{
display: none;
}

Or you can delete pinterest code from this file: http://screencast.com/t/HeNTDr6eY0aJ
Also if you want to add a button to social share you will need custom modification, please take a look how our buttons are made and try to create your button. Maybe this topic will help: https://forum.tagdiv.com/topic/linkedin/

Thanks!

Hi,

Your class was added to the block div and you added css code to display none on mobile view, but the container div had display block, so probably your class(css code) was so powerful to overwrite container css: http://screencast.com/t/tm7HGeUSeJNE
So that’s why I said above to add the class to the column.

Hope this helps and I’m glad that you managed to solve this!

Hi,

Please use this css code in Theme Panel > Custom Css: http://screencast.com/t/J94W3mFw

.td_block6 .wpb_button{
display: none;
}

Thanks!

Hi,

Please try this css in Theme Panel > Custom Css: http://screencast.com/t/DZh5ffkG

.sf-menu > .current-menu-item > a,.sf-menu .td-menu-item > a:hover{
background-color: rgba(255, 0, 0, 0.06) !important;
color: red;
}

Result: http://screencast.com/t/zMBgZOxNq

Also for image you can inspect the images using Chrome inspect tool and add some css to that classes, if you don’t have basic css knowledge you can hire a professional to do this for you.
For example you can add opacity for Big Slide images something like this: http://screencast.com/t/HpATKjBJP3h

.td_block_big_grid .td-big-grid-post .entry-thumb{
opacity: 0.9;
moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-khtml-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}

Hope this helps!

Hi,

Please use this css for menu height on mobile view in Theme Panel > Custom Css: http://screencast.com/t/CPTTypfV7yN

@media (max-width: 767px) {
.td-menu-wrap{
height: 65px;
}
}

And you can increase padding in the css that Lucian provided to you.

Hope this helps!

Hi,

Use the following css to fix it: http://screencast.com/t/jN84piGSA

@media (max-width: 767px) {
.header-style-3 .td-logo img {
top: 1px !important;
max-height: 48px !important;
max-width: 130px !important;
}

.header-style-3 .td-logo img {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}

Thanks

Hi,

I have checked your site and seems that your css doesn’t apply on mobile screens, so please try to add a class to the colums and apply the css to that class: http://screencast.com/t/us9HerfQVi4U

Hope this helps!

Hi,

You can try this css for post sidebar: http://screencast.com/t/IHEjNtSLE4

.td-post-sidebar .td_mod_wrap{
border-bottom: 1px solid #e7e7e7;
}
.td-post-sidebar .td_mod_wrap:last-child{
border-bottom: none;
}
.td-post-sidebar .td_block_wrap, .td-post-sidebar .widget {
border: 1px solid #e7e7e7;
}

Also for page if you use Widgetise sidebar block you can try this css: http://screencast.com/t/Ap0ZdwQUnvX

.wpb_widgetised_column .td_mod_wrap{
border-bottom: 1px solid;
}
.wpb_widgetised_column .td_mod_wrap:last-child{
border-bottom: none
}
.wpb_widgetised_column .td_block_wrap{
border: 1px solid ;
}

This css is general but you can add borders only for some blocks/widgets: http://screencast.com/t/95Y5NheX

Hope this helps!

Hi,

You can adjust the block line height for block title: http://screencast.com/t/oU1YJtnUFz1 The width cannot be adjusted because this css is to general for blocks titles. You would need a css for each column.

.block-title{
background-color: black;
border-bottom: none;
line-height: 25px !important;
}
.block-title a, .block-title span{
background-color: transparent;
}

Hope this helps!

Hi,

You can try to do that with custom css in Theme Panel > Custom Css but all titles will have the same background color something like this: http://screencast.com/t/GhVAWMlHY

.block-title{
background-color: black;
border-bottom: none;
}
.block-title a, .block-title span{
background-color: transparent;
}

Hope this helps!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

You can try to add a background image on header style 3 using this css: http://screencast.com/t/VMTH3rPr
But if you change some settings like adding a site background you will need more custom modifications so if you don’t have basic knowledge you can hire a professional to do this for you.

.header-style-3 .td-full-logo{
background-color: transparent;
}
.td-full-layout .td-header-bg{
background-image: url("http://www.backgroundzs.com/static/images/desktop-backgrounds1.jpg");
}

Hope this helps!

Hi,

The

tags are by wordpress and nothing we can do about it. But the margin issue can be solved using css code with media queries: http://screencast.com/t/GIB2r1FCsLv – http://screencast.com/t/5W9KMCETIC

@media(min-width: 1020px){
.single .td-post-text-content .row-fluid [class*="span"]{
margin-left: 2.5641025641026% !important;
}
}
@media(min-width: 768px) and (max-width:1019px){
.single .td-post-text-content .row-fluid [class*="span"]{
margin-left: 1.5641025641026% !important;
}
}

Hope this helps!

Hi,

Please use Theme Panel > Custom Typography to change the font for your menu: http://screencast.com/t/Sf3u6QCJcz
Also you can change/add background color for menus from Theme Panel > Theme Colors: http://screencast.com/t/O8tNMLZcwvdJ
If you want to use a different background only for your homepage you can do this only with css: http://screencast.com/t/wJAEqAd53Y5

.home.td-full-layout .td-header-menu-wrap{
background-color: green !important;
}
.home.td-full-layout .td-menu-background{
background-color: blue !important;
}

Hope this helps!

Hi,

1. Please use this custom css: http://screencast.com/t/64HXdiAknzd

.td-post-content a{
color: #135681 !important;
}

2. You can change category background color from Theme Panel > Categories > each category: http://screencast.com/t/Ms1zJIXh Also if you want to change color of the text please use this css:

.td-category a{
color: black;
}
Result: http://screencast.com/t/sPFwWVjb

Thanks!

Hi,

Please inspect all buttons and titles using Chrome inspect tool and add classes like this in Theme Panel > Custom Css: http://screencast.com/t/92WJdhy2Mz – http://screencast.com/t/J684SHs94478 – http://screencast.com/t/EDeaY1aMmjTS

.td-category a, .td-read-more a, .block-title span, .td-module-image .td-post-category, .td_block_big_grid .td-post-category, input[type=submit]{
padding: 5px 15px !important;
border-radius: 0px !important;
}

Thanks!

Hi,

Please try this custom css, add it in theme panel > custom css section: http://screencast.com/t/JXxkusTd0V

.td_block_big_grid .td-image-gradient:before {
display: none;
}

Thanks

• This reply was modified 11 years by Lucian.