Hi team,
using newspaper 6 theme
I want to change certain things in my website http://www.careongo.com/riseup. Help me out.
1. I have used big grid 1 on the top of my homepage. I want to reduce greying effect of images in this grid. Images are appearing too dark because of greying effect.
2. Just below big grid 1, I have used news tickr on homepage. I want to shift it to the left. Basically, I want it to align with big grid to the left.
3. In header menu, i have a watch category. If I open video posts, there is lot of empty space after the video. how to reduce that?
4. Also on homepage, I want to reduce the padding between different blocks that i have used.
5. How to remove author names from blocks and big grids? As I want to remove for some posts.
Looking forward to a speedy response.
Thanks,
CareOnGo
Hi,
1. Please try this custom css in Theme Panel > Custom Css for homepage big grid – http://screencast.com/t/AHh1o5Rdovd
.home .td_block_big_grid_1 .td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.3)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
}
2. Check this custom css for Newsticker on homepage – http://screencast.com/t/nvVJdY36Y
@media (min-width: 768px) and (max-width: 1018px) {
.td-trending-now-wrapper {
padding-left: 14px !important;
}
}
@media (min-width: 1019px) {
.home .td-trending-now-wrapper {
padding-left: 23px !important;
}
}
3. Please provide more details as I’m not sure what you mean.
4. You can use custom css to remove it. This is the default padding added to all blocks, it is not individual added – http://screencast.com/t/o1uzxdxLA You can try to reduce it only on homepage using .home class and do this for each block as it may break the layout, you need custom work to do this for all blocks, sorry.
5. The author name on Big Grid can be hidden via custom css in Theme Panel > Custom Css – http://screencast.com/t/JItaPLaE8m
.td_block_big_grid_1 .td-big-grid-post .td-post-author-name {
display: none;
}
You can do this for each big grid just change the number of big grid that you use, for example – http://screencast.com/t/2NznmheJZR1
Thanks!
Hi team,
On point 1, i included the custom CSS but couldn’t reduce the grey effect…can you please check..thanks,
Hi,
Please remove the space between .td_block_big_grid_1 and .td-grid-style-1 sorry!
.home .td_block_big_grid_1.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.3)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
}
Thanks!
