Need help with custom css

  • 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 6 years, 1 month ago by sruddy.
    • This topic was modified 6 years, 1 month ago by sruddy.
    • This topic was modified 6 years, 1 month ago by Steven Stern (sterndata).

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please remove the tool you’re using to block right clicks.

    Thread Starter sruddy

    (@sruddy)

    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 6 years, 1 month ago by sruddy.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    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

    (@sruddy)

    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 6 years, 1 month ago by sruddy.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The right click is still blocked; please clear any caching plugins.

    Thread Starter sruddy

    (@sruddy)

    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 6 years, 1 month ago by sruddy.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    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/

    Commercial products are not supported in these forums.

    Thread Starter sruddy

    (@sruddy)

    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)

    (@sterndata)

    Volunteer Forum Moderator

    Look in the CSS for all references to the logo/link. If it changes based on screen width, look for @media section in the CSS.

    Thread Starter sruddy

    (@sruddy)

    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