Search Results for 'css'

Hi,

Please add a class to the page content in the page template that you use like this: http://screencast.com/t/ZHdhM52SO and use custom css to change color to white(or any color) only for right border: http://screencast.com/t/kEOpFkaf

.border-right .td-container-border:after{
background-color: white;
}

Hope this helps!

Hi,

I’m not sure what you mean to change the width of tagdiv gallery. This slider was designed to be used on 2 columns(with sidebar) or 3 columns(post full width – without sidebar) like you can see on our demo: http://demo.tagdiv.com/newspaper/tablet-sales-surged-in-the-first-quarter-of-2013/ – http://demo.tagdiv.com/newspaper/services-allow-you-to-do-things-like-scan-a-document/
You can try to customize how you wish using css code as there is not a fast(or easy) solution for this.

Thanks!

Hi,

You can try to add background using css code: http://screencast.com/t/9g1oaC7WKLI

.td-header-style-8.td-menu-background {
background: linear-gradient(to bottom, rgba(18, 112, 237, 1) 0%, rgba(26, 150, 215, 0.23) 100%) !important;
}

Thanks!

Hi,

Try this custom css for Big Slide:

.td-sbig-title-wrap .td-sbig-title:hover, .td-sbig-title-wrap a:hover {
text-decoration: none !important;
}

Thanks!

Hi,

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

.td_mod_wrap .entry-title a:hover{
text-decoration: none !important;
}

Thanks!

Hi,

Unfortunately the theme doesn’t have an option for this. What you can do is to use media queries and customize you homepage to look different on mobile screens(change font size and hide some rows/columns).
For example change font size on mobile screen: http://screencast.com/t/XXN14Px3GI4
Also you can use an extra class for rows that you want to hide on mobile: http://screencast.com/t/tVNpF4zv and use custom css to hide: http://screencast.com/t/N2LGI3Ms4zKK

@media (max-width: 767px){
.hidemobile{
display: none !important;
}
}

Hope this helps!

Hi,

You have this issue because this theme class is applied there – http://screencast.com/t/BZI4CmHep You can try to delete that class from style.css so it wont be applied that width on images: http://screencast.com/t/kAeTYm3jITy
Or you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/BTaxyjFrhfWt

@media (max-width: 500px){
.page .google_top_posts .gtc-content-thumb img{
width: 50px !important;
}
}

Also if you want this only on specific pages you can use .page-id-xxx class instead of .page: http://screencast.com/t/q5KNMGYQIP

Hope this helps!

Hi,

Please try this custom css in Theme Panel > Custom Css so when you hove on the image it will change title color:

.td_mod_wrap:hover .entry-title a {
color: red !important;
}

Thanks!

Hi,

I’m not sure if you refer to this, but you can try this custom css in Theme Panel especially if you use like buttons I think it may help: http://screencast.com/t/rLWy09gB5Sv

@media (max-width: 767px){
.single .td-social-sharing{
margin-bottom: 10px !important;
}
.single .td-social-like-tweet{
margin-bottom: 10px !important;
margin-top: 0px;
}
.td-social-like-tweet ul li{
display: inline-block !important;
}
}

Also please note that these share buttons will be modified in version 5 of Newspaper it will look something like Newsmag share buttons.

Thanks!

Hi,

Not sure I understand right what you want to do but if you want to have the desktop version of your site on mobiles you would have to remove the media query’s for mobiles. Go to your style.css file and remove this media query which target the mobile screens: http://screencast.com/t/qwj0h0gSRvfP
Hope this helps!

Thanks

Hi,

The css has been altered after changing to rtl so you need to overwrite it like this: http://screencast.com/t/mGJuaE9eyb

Use the css below in theme panel custom css section.

.td-mobile-nav-wrap {
left: -80%;
right: auto;
}

Thanks

Hi,

Please try to add an extra class to the column(s) and use it to customize via custom css: http://screencast.com/t/rikW7IIn
Also provide a link if you cannot manage to solve it like I suggested, so I ca take a look and try to find a solution.

Thanks!

Hi,

You will need custom modification as you can see on that site is used module 10 but the image size is changed – http://screencast.com/t/6p4GJp6d7f also on mobile the excerpt is hidden and is used an extra class(id) for css customization: http://screencast.com/t/tbYT5JXpXIH – http://screencast.com/t/pQe1cG0gLg

Thanks!

Hi,

You can try to do this via custom css: http://screencast.com/t/vr1ryvrFFdwJ

@media (max-width: 767px){
.td-big-grid-post {
width: 100% !important;
max-height: 300px;
min-height: 190px;
}
.td-big-grid-post-1{
height: auto !important;
}
.td-big-grid-post-2{
height: auto !important;
}
.td-big-grid-post-3{
height: auto !important;
}
.td-big-grid-post-4{
height: auto !important;
}
}

Thanks!

Hi,

I see that you managed to solve this with Lucian css: http://screencast.com/t/cRG2pbFqC
Also your css for other blocks/modules gradient should work: http://screencast.com/t/mzrc4z43O7 you can also try display none:

.td-module-thumb a:last-child:before{
display: none !important;
}

Thanks!