Title: CSS Help Last modified: August 30, 2016 --- # CSS Help * Resolved [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/) * Hi Guys * Just need quick help with a theme I recently purchased: [Listify](http://themeforest.net/item/wordpress-directory-theme-listify/full_screen_preview/9602611). * I’m trying to make the header background transparent like on this [site](http://www.yellowpages.com/). * Your help will be greatly appreciated 🙂 Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/css-help-56/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-help-56/page/2/?output_format=md) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587886) * You need to link your website * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587889) * HI Andrew. * Thanks for the quick response. The Website is exactly as the theme: [Listify](http://themeforest.net/item/wordpress-directory-theme-listify/full_screen_preview/9602611). * I have barely made changes to it. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587891) * So what you’re saying is you want the blue background colour around the `
` element to be white? * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587900) * Thanks Andrew. * No Sir. I would like to make the menu to have a transparent background. * For example if you see [Yellow Pages](http://www.yellowpages.com/) the Logo, Sign In and Join In elements are literary seating on top of the slider. * Im assuming the menu background is transparent. * Tried using Firebug to get it and test its transparency but it returns a white background: * .search-overlay, .primary-header { background-color: transparent; } * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587904) * So you want to get rid of the blue background colour and move the header information on top of the slider? This isn’t as simple as it sounds and requires knowledge of how your theme works. * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587914) * Yes to the first part. Definitely get rid of the blue. The image you see of the bridge is a featured image type not a slider. I know i mentioned slider, but i was trying to give context. * It’s literary a page which allows to add a featured image, which is what you see there. * The guy who developed the theme is saying its a few lines of css code but is unwilling to give theme to us. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587916) * Do you want to get rid of the fixed position on the header at the same time? * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587917) * No sir. I just want it to be transparent that’s all. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587921) * If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following: 1. Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin) 2. use its “CSS Code” section of the dashboard to hold your CSS modifications: 3. (put this code in) 4. ``` .site-header { position: fixed; width: 100%; } ``` 5. Save * _Alternatively use your Child Theme style.css file to hold your CSS modifications_ * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587923) * I have a child theme. * Thanks for the code but does this eliminate the header background color? * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587927) * Perfect for keeping the header up top. Just need to make it transparent now boss. 🙂 * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587928) * Forgot about that bit. Replace that code with this: * ``` .site-header { position: fixed; width: 100%; } .primary-header, .main-navigation, .site-header { background: none; } .fixed-header { padding-top: 0 !important; } .fixed-header .primary-header { position: relative; } ``` * Now you have to consider what happens when you scroll down. * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587933) * DUUUUUDE! Perfect! * Thank you so much man. * Would the background coming back in on scroll be a big issue? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587934) * Yes that’s not a CSS fix, that’s a JS fix. * Thread Starter [webpresence101](https://wordpress.org/support/users/webpresence101/) * (@webpresence101) * [10 years, 7 months ago](https://wordpress.org/support/topic/css-help-56/#post-6587939) * Ok. No worries. This is amazing. So grateful Andrew. Honestly. Spent hours on this. * Cheers mate. Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/css-help-56/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-help-56/page/2/?output_format=md) The topic ‘CSS Help’ is closed to new replies. ## Tags * [code](https://wordpress.org/support/topic-tag/code/) * [css](https://wordpress.org/support/topic-tag/css/) * 18 replies * 3 participants * Last reply from: [webpresence101](https://wordpress.org/support/users/webpresence101/) * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/css-help-56/page/2/#post-6588238) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics