Search Results for 'css'

Hi,

This issue can be solved by css code because the ads can be targeted if you use the code in custom ads(I already provided to you an idea above): http://screencast.com/t/h31va6BUcT

.single .td-a-rec-id-custom_ad_1 {
float: left;
}

And like I said you can also hide it on mobile from Theme Panel options. Let me know how it goes!

Thanks!

Hi,

You also can change the image size in module 10 and use a fixed width(how it is by default) for desktop an tablet screens. And like this you will have a quality image on mobiles.
So you can add td_681x0 like in your example in module 10 file: http://screencast.com/t/uYz5hL5kgu6t and apply this css using @media queries: http://screencast.com/t/AlzFFuz5Obu

@media(min-width: 768px){
.td_module_10 .td-module-thumb .entry-thumb{
width: 180px;
}

Result on mobile screen: http://screencast.com/t/YDvcwHq9h

Hope this helps!

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

Hi,

If you want to remove category tag you can do this from Theme Panel > Categories > each category: http://screencast.com/t/VR6iisBiw
Or you can use this custom css in Theme Panel > Custom Css if you want to hide it only for mobile view: http://screencast.com/t/CDsaUjvvbkJG

@media (max-width: 767px){
.single .td-category{
display: none;
}
}

Thanks!

Hi,

Please try to ad the code in Theme Panel like I suggested above as I cannot target to hide it with css code and use this code to echo it in loop single(sorry that I did not posted the code above):
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]'); ?>
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_2"]'); ?>

Thanks!

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

Hi,

I just tested this and this is happens because of custom ad that you use. If you use above divs the ad will be centered: http://screencast.com/t/nm1cP7X9w
And for margin top you will need to use this custom css like the default ads: http://screencast.com/t/BZQdbCen

.td-a-rec-id-home_300{
margin-top: 20px;
margin-bottom: 20px;
}

Thanks!

Hi,

Please try this custom css:

.td-sp-ico-home:hover{
background-image: url('http://localhost/paper1/wp-content/themes/Newspaper/images/header/elements-menu.png')!important;
}
.current-menu-item .td-sp-ico-home{
background-image: url('http://localhost/paper1/wp-content/themes/Newspaper/images/header/elements-menu.png')!important;
}

Thanks!

Hi,

PLease try this custom css for your home page: http://screencast.com/t/2wAp3ZZ3nJ

.home .span4 .td_block5 .td_mod4{
border-bottom: 1px solid black;
}

Hope this helps!

Hi,

I also tested this and it works fine: http://screencast.com/t/mEAUzV55G5js – http://screencast.com/t/bCjgNS9G3fm
Please try this without any plugins active, leave just Visual Composer active, clear cache and try again. I think that a plugin css code it is apply: http://screencast.com/t/ZyCQLsKUY
Also you can add an extra class to the button and apply the color with css code: http://screencast.com/t/9gaNHQB94W8
Add css code in Theme Panel > Custom Css: http://screencast.com/t/g98UTmu9c

.wpb_btn-danger.yourclass{
background-color: blue !important;
}

Hope this helps!

Hi,

You have to add a background image like it is made when you change color from Theme Panel, but this only when you hover. Please try this custom css in Theme Panel > Custom Css:
Color black from Theme Panel: http://screencast.com/t/cmGuVMuC
When you hover: http://screencast.com/t/gsXzrHbX35uB

.td-sp-ico-home:hover{
background-image: url('http://localhost/paper1/wp-content/themes/Newspaper/images/header/elements-menu.png');
}

Hope this helps!

Hi,

For adsense code it should work options from Theme Panel: http://screencast.com/t/CRgIdbbbim
If you still have issues please provide a link, a screenshot with ads and some details about which of them you want to hide and I will try to provide a css solution.

Thanks!

Hi,

1. Here is the default css for different screen sizes, please change it like you wish as I don’t know exactly values that you want:

.td-grid-wrap {
padding: 49px 13px 0px 13px;
}
@media (min-width: 1200px){
.container-fluid {
padding-left: 35px;
padding-right: 35px;
}
}
@media (max-width: 1018px) and (min-width: 768px){
.container-fluid {
padding-left: 11px;
padding-right: 11px;
}
}
@media (max-width: 767px){
.container-fluid {
padding-left: 8px;
padding-right: 8px;
}
}

2. Also you ca reduce top padding from the above code and paste the code in Theme Panel > Custom Css: http://screencast.com/t/7ZHkGatw

For example I reduced top padding to 20px and is this is not apply please use !important
.td-grid-wrap {
padding: 20px 13px 0px 13px !important;
}

Hope this helps!

Hi,

On homepage the error comes from the post author which is to close from the post title. Try this custom css to move the author container down and let me know if you still have this error afterwards: http://screencast.com/t/MyQPyDgvCWjO

@media screen and (max-width: 767px) {
.td-post-author-name {
  margin-top: 10px !important;
margin-bottom: 10px !important;
}
}

Seems that the contents of your page fit within the viewport now: http://screencast.com/t/iQsreUGT

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Please try to add date after the div: http://screencast.com/t/xCTZ4Hx9
Result: http://screencast.com/t/FHb0bbOrbQDU
And result with your custom css: http://screencast.com/t/JsTSAow85k

Hope this helps!

Hi,

I have checked your site and you have this custom css that hide all span4 from the row: http://screencast.com/t/mzLp70PL3VaQ – http://screencast.com/t/nxiemo1Iq
Please check your Custom Css from Theme Panel and see if you find it or you can try to overwrite it: http://screencast.com/t/nNusinrWWrq

@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: block !important;
}
}

Hope this helps!

Hi,

Unfortunately that happens as the module uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for module 10 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/oaBaVnCOMDW ..then regenerate thumbnails using this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also consider that changing this thumb sizes will also affect mega menu and block 11 which also use this thumbs.

Or you can use the same size for images like there are on desktop also on mobile screen using this custom css: http://screencast.com/t/ALLD1c6teqj

@media (max-width: 767px){
.td_module_10 .td-module-thumb {
width: 180px;
}
}

Hope this helps!

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

Hi,

Please try to remove this part from above custom css and it should work fine:

.single .td-full-screen-header-image-wrap .td-backstretch{
height: 500px!important;
}

Thanks!

Hi,

@SALZBURG12 Did you solve that issue following Chris suggestions?
Or do you refer to the vertical align?
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/vTjkAK9uMqhy

.td-post-content table h4{
margin-bottom: 4px;
}
.td-post-content table img{
margin-bottom: 6px;
}

Hope this helps!