Home  |  Blogs |  Contact

Wibiya Custom CSS

Experimenting with the Wibiya Toolbar.
This is a great tool for any blog or website. It really increases engagement. I've used the Wibiya bar before - though it's a bit limiting on what you can customize, I knew there had to be a way. So I began to Google.

The best results came from this search term: .wibiya toolbar important!


The Wibiya toolbar you see below has been conceived and contrived from countless hours reading and experimenting ...trial and error.




So, here's the code I've worked-out for this toolbar.

<script src="http://cdn.wibiya.com/Toolbars/dir_XXXX/Toolbar_XXXXXX/Loader_XXXXXX.js" type="text/javascript"></script>

<style> .wibiya_toolbar_holder
{
margin-left: auto;
margin-right: auto;
width: 570px;
}
.wibiya_toolbar_BG {

background: url(http://YOUR FAVORITE IMAGE.png) !important;

}

</style>



For those of you who may not understand what this code says...
I will break it down a little.



But first I must tell you I AM NO EXPERT ...I've just recently began learning css so I know, to a few of us, it does look confusing.



The first part, install

via Wibiya: "Choose Your Website / Blog Platform"

I chose: "Install on websites and other blog platforms."

<script src="http://cdn.wibiya.com/Toolbars/dir_XXXX/Toolbar_XXXXXX/Loader_XXXXXX.js" type="text/javascript"></script>

This is the bit of code you get from Wibiya when you install.
Add this to the body of your template.



The Next part, CSS

<style> .wibiya_toolbar_holder
{
margin-left: auto;
margin-right: auto;
width: 570px;
}

This piece of code above controls the width.



Lastly, the code below controls the color or background image.
Mine is set for background image.


.wibiya_toolbar_BG {

background: url(http://YOUR FAVORITE IMAGE.png) !important;

}

If you would rather use a background color...

REPLACE THIS: url(http://YOUR FAVORITE IMAGE.png)

WITH THIS: #000000
...the zeros indicate black,

For more color codes


Check out this Wibiya Custom CSS Tutorial | #Rb140Plus: http://t.co/1bwRCSX Thanks @Rickbischoff - excellent work!Mon Aug 22 16:02:35 via Tweet Button




...and so that's the basics, hope you find this helpful.
Like I said I AM NO EXPERT just paying it forward.
...peace☼


Search Twitter Hashtags:

#wibiya #toolbar #conduit #webtools