How to change sidebar header look?

Posted in: Newspaper
Post count: 92

Hello,

Right now my sidebar header looks like here – https://gyazo.com/b383505dae35e17d4f96332be0b5579a But I want to make it look as here https://gyazo.com/3b246eb8b852ede62819c30e206ef24d Can you please advise how do I remove the black area around the letters?

Thanks,
Denis.

Post count: 23312

Hello mc_kot,

I have inspected your website and I notice that the sidebar header look good now, as you can see here -> http://screencast.com/t/6KuFyr1O97TZ

Thanks for the message!

Post count: 92

Hello Catalin,

Actually this is a test web site. Right now I’m moving to the actual web site and after I moved all the settings exactly as they are on the test web site, I noticed that discrepancy. Here is the actual web site I’m moving to https://kratko.io/

Post count: 92

So, on actual web site (not test one) it looks like here https://gyazo.com/b383505dae35e17d4f96332be0b5579a

Post count: 22421

Hi,

Well it depends on your implementation method. You can change the block title color and background from visual composer if that is how you added the social counter: http://screencast.com/t/fzd2OsaC
If you used the widgets area then you probably need to check the block title and block text color from here: http://screencast.com/t/3OqTRsdwSF4

Thank you!

Post count: 92

I already tried to change it via Visual composer and that is what I received https://gyazo.com/6e574d043a3967da6f334379b1ce33d9 https://kratko.io/ instead of https://gyazo.com/f368e47b2984fd27998c0beb6ab9ed66 http://newsletter.freesmi.by/ Unfortunately those changes remove the line completely

Post count: 92

Actually the issue with the black area around the title appeared not only on the main page, but at the every page. Here is how it should be http://newsletter.freesmi.by/?p=9999999 Here is how it is http://kratko.io/?p=9999999

Post count: 22421

Hello,

That is actually your block title color. The background is set to black and the text color is set to black. You can set the text color to white f you want or the bakcgorund color to white and text black .Simply change these 2 colors: http://screencast.com/t/lEQsek19VZ
Or as an alternative, use css:
.block-title span{
color:white!important;
}

http://screencast.com/t/SmwV3mJcp

Thank you!

Post count: 92

Hello Bogdan,

Thank you for your advise. Indeed I already tried the ways mentioned by your above, but unfortunately those adjustments change not only the header background color, but the line below it as well. That is not what I’m looking for. I don’t want it to be like here http://i.imgur.com/cpfovlU.png or here http://i.imgur.com/rtZFCKM.png or here http://i.imgur.com/eiIgf59.png

I want it exactly as at my test web site here http://i.imgur.com/1t0KZf0.png Here is the test web site at self http://newsletter.freesmi.by/ The header background is white and the line below it is white. So I want it exactly in the same way as there

Thanks

Post count: 92

Sorry, I had a misprint *The header background is white and the line below it is black

Post count: 22421

Ok.
I think I get it now. Here is the code you need:
.block-title span{
background-color:white!important;
}

result: http://screencast.com/t/xr5ogpH2gJ
Thanks.

Post count: 92

Thanks a lot!!!

Post count: 92

I have one more question regarding the same topic:
– here http://newsletter.freesmi.by/ the title of the block in the sidebar is perfectly sticked to the left
– here https://kratko.io/ that title is in the left, but with some spare space that is not needed. Is it possible to remove that space (I marked it with blue) http://i.imgur.com/0GtK5cK.png and move the title to the left?

Post count: 22421

Try this code:
.block-title span{
padding: 7px 12px 4px 0px!important;
}

Thanks.

Viewing 14 posts - 1 through 14 (of 14 total)
The forum ‘Newspaper’ is closed to new topics and replies.