Title: Need help with custom css Last modified: February 14, 2019 --- # Need help with custom css * [sruddy](https://wordpress.org/support/users/sruddy/) * (@sruddy) * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/) * I have two versions of my logo. One with black text the other has white text. I have the black text version installed via my themes/customize/logo. I want to change the logo on my homepage to the white version. I only want it changed on the homepage and only for the desktop format, not on homepages for pads or phones. I have this code but it changes it on all devices homepages. * ``` .home .site-title a{ background: url("https://steveruddyphotography.com/wp-content/uploads/2019/02/SRP-WebsiteLogo-White-520E.png") no-repeat !important; } .home .site-title a{ background: url("https://steveruddyphotography.com/wp-content/uploads/2019/02/SRP-WebsiteLogo-White-520E.png") no-repeat !important; } ``` - This topic was modified 7 years, 4 months ago by [sruddy](https://wordpress.org/support/users/sruddy/). - This topic was modified 7 years, 4 months ago by [sruddy](https://wordpress.org/support/users/sruddy/). - This topic was modified 7 years, 4 months ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/). * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fneed-help-with-custom-css-2%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 10 replies - 1 through 10 (of 10 total) * Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/) * (@sterndata) * Volunteer Forum Moderator * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11202676) * Please remove the tool you’re using to block right clicks. * Thread Starter [sruddy](https://wordpress.org/support/users/sruddy/) * (@sruddy) * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11202877) * > Please remove the tool you’re using to block right clicks. * Will this help with my support or is it causing an issue. Also can you take out the repeated code in my original post. - This reply was modified 7 years, 4 months ago by [sruddy](https://wordpress.org/support/users/sruddy/). * Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/) * (@sterndata) * Volunteer Forum Moderator * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11203400) * If I can’t see/test your CSS with the Chrome dev tools, which work best when one can right click, I’m not going to get involved in the response. * Thread Starter [sruddy](https://wordpress.org/support/users/sruddy/) * (@sruddy) * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11203526) * > If I can’t see/test your CSS with the Chrome dev tools, which work best when > one can right click, I’m not going to get involved in the response. * I have temporarily disabled the right click, as requested. I had no idea it affects G dev tools. I use them and firefoxes but never had an issue. I obviously aren’t using them at your level though! 🙂 I appreciate your help. - This reply was modified 7 years, 4 months ago by [sruddy](https://wordpress.org/support/users/sruddy/). * Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/) * (@sterndata) * Volunteer Forum Moderator * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11203580) * The right click is still blocked; please clear any caching plugins. * Thread Starter [sruddy](https://wordpress.org/support/users/sruddy/) * (@sruddy) * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11203624) * > The right click is still blocked; please clear any caching plugins. * Right clicking worked for me using chrome however I just disabled image protection and my super cache plugin. Hopefully you can see what your looking for now. Thanks again, Steve Ruddy - This reply was modified 7 years, 4 months ago by [sruddy](https://wordpress.org/support/users/sruddy/). * Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/) * (@sterndata) * Volunteer Forum Moderator * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11203636) * Your first one works for me. * If it’s not working on the live site *and* you put it in style.css, make sure it’s at the very end. However, it would work better if you added it via custom CSS because that should load fairly late. * The original CSS is being added inline by your theme, so if you can’t override it, check with the theme’s developers. * You’re using a commercial theme, so please use their official support channel. We feel they are best equipped to support their products. * [https://www.imagely.com/contact/](https://www.imagely.com/contact/) * **Commercial products are [not supported in these forums](https://make.wordpress.org/support/trouble/section-1-getting-started/what-is-not-supported).** * Thread Starter [sruddy](https://wordpress.org/support/users/sruddy/) * (@sruddy) * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11203708) * It only works for all homepage formats. I only want it the desktop format as the pad and phone formats use a white background hence the black text version you see now. I want the white text version, in the url I posted, to show up ONLY on the homepage for desktops. I’m seeking the additional code for that. Maybe I’m in the wrong place? This is a custom css application which the Theme vendor does not support. They were the first place I went. They occasionally give me some custom code but not very often. I would hire somebody but don’t have a clue were to go for a measly several lines of code. I can’t even find a free forum for code writing other than this one. * Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/) * (@sterndata) * Volunteer Forum Moderator * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11204214) * Look in the CSS for all references to the logo/link. If it changes based on screen width, look for [@media](https://wordpress.org/support/users/media/) section in the CSS. * Thread Starter [sruddy](https://wordpress.org/support/users/sruddy/) * (@sruddy) * [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11206616) * The logo never changes, it’s overlayed on the homepage slideshow. As the screen width goes down the logo gets put above the slideshow on a white background. This is the problem and the reason I want the black text logo on those widths. The simplest solution is to put a colored or grey header which will allow the white version to be legible however I don’t like that solution. Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘Need help with custom css’ is closed to new replies. ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 10 replies * 2 participants * Last reply from: [sruddy](https://wordpress.org/support/users/sruddy/) * Last activity: [7 years, 4 months ago](https://wordpress.org/support/topic/need-help-with-custom-css-2/#post-11206616) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics