Title: Website Logo visibility issues
Last modified: March 25, 2018

---

# Website Logo visibility issues

 *  [kanishkmalick](https://wordpress.org/support/users/kanishkmalick/)
 * (@kanishkmalick)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/)
 * Hi, the logo of my website is not visible properly because of the background 
   images I have chosen. I don’t want to change the images. Can a screen be added
   in the back of the logo to make it more visible ? Something like what they have
   on this website : [http://www.sonicitsolutions.co.za/](http://www.sonicitsolutions.co.za/)
 * Also, If I add more than 5 menus, the 6th one goes in next line. But the above
   website has 6 menus. How can i replicate that ?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwebsite-logo-visibility-issues%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/#post-10113880)
 * Hi,
 * You can try this CSS code below:
 *     ```
       .site-header {
           background-color: rgba(191, 197, 183, .7);
       }
       .site-header.float-header {
           background-color: rgb(191, 197, 183);
       }
       ```
   
 * Put the code into **Customize > additional CSS**.
 *  Thread Starter [kanishkmalick](https://wordpress.org/support/users/kanishkmalick/)
 * (@kanishkmalick)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/#post-10114824)
 * Thanks. How can i change the color and control the transparency ?
 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/#post-10118099)
 * > Thanks. How can i change the color and control the transparency ?
 * Which control?
 *  Thread Starter [kanishkmalick](https://wordpress.org/support/users/kanishkmalick/)
 * (@kanishkmalick)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/#post-10145241)
 * The percentage of transparency
 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/#post-10148180)
 * It’s using `rgba()` function to set the color and transparency.
    To adjust the
   transparency, you can modify the last value on the `rgba()` function from `0.1`
   until `1`.
 * More information about `rgba()` function, please check this [https://www.w3schools.com/cssref/func_rgba.asp](https://www.w3schools.com/cssref/func_rgba.asp)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Website Logo visibility issues’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.67/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

## Tags

 * [logo](https://wordpress.org/support/topic-tag/logo/)

 * 5 replies
 * 2 participants
 * Last reply from: [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/website-logo-visibility-issues/#post-10148180)
 * Status: not resolved