Size of the bar

Yes, with CSS it is possible to decrease the size of the bar. But according to the Sidney Theme: what about to place the bar at the bottom of a page?

Hi Martin,

Thanks for your reply.

With what custom code can I decrease the size of the bar? The reason why I’d like to have it at the top of the page is visibility.

Cheers

Please go to the options page of the bar and decrease the values of:

• Height readjustment for fixed position
• Vertical padding
• Font size
• Icon size

Hello, I have a related question.

Is it possible to increase the Height readjustment for fixed position past 75px?
I have an image in the background that I want to display. My problem goes away if I select Enable fixed position as I gain extra height/padding. But I don’t want the contact bar to always show?

I am a complete nube, but I am starting to get my head around WP. Any help would be greatly appreciated.

Best regards
George

Thanks a bunch Martin, all fixed.

Hello George, that is possible. Which value do you need?

Hi Martin, thank you for your swift reply! I would need ‘Height readjustment for fixed position’ increased from 75px to say, about 120 maximum. My site is https://www.attentiveevents.co.uk to give you an example. I have altered the code to enable the value to go up to 150px, but this doesn’t actually have any effect.
Thanks for your help.
George

Did you play around with the setting “Vertical padding”, too? It is sufficient?

I have just increased the vertical padding which is sufficient in showing the image. Thanks for the tip! The problem I have now is that the text doesn’t look like it is in the right position. It is bang in the centre of the contact bar, which is what it is designed to do. But I would like to lift it up a few pixels so it isn’t resting on the curves in the image. Is there a way to do this?

Thanks again!

That is just to let the plugin easy to use and in most cases centering the content looks well.

You can alter the padding with a Custom CSS plugin. Install it an enter this code in the CSS field:

body div#scb-wrapper { 
    padding-top: 12px;
    padding-bottom: 38px;
}

• This reply was modified 7 years, 8 months ago by Martin Stehle.

Martin, You are my absolute hero!!

Your code works perfectly, Thank you very much.

Best regards
George