difficult to find correct selector

  • Resolved jsbmac

    (@jsbmac)


    7 years, 7 months ago

    [ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

    wipsite.jsbmac.com/
    I am using Simple Skeleton. I have a few questions, also posted this in the theme specific forum, but it’s really more general.

    1) Where can I “host” screenshots so I can include them as an image?

    2) I am using browser developer tools to try and locate the selector for the header image so I can manipulate it, like center it or change background-size. What would the correct selector for this header be? I tried a few things, including .logotype-img.

    Thanks for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jsbmac

    (@jsbmac)

    OK, so .logotype-img is the correct selector, I just used float to move it to the right. Any idea how to get the image to fill that space? I tried using background-size: cover; to no avail.

    First, it is not a background image so background-size will not work.
    You could try:
    #site-title img {
    width: 100%;
    height: auto;
    }

    Thread Starter jsbmac

    (@jsbmac)

    That selector will allow me to move the image with float, but the size doesn’t change.

    Hmm.

    Thanks.

    jsbmac,

    Are you trying to get the image to be the full width of the browser screen? If so, you’ll need to either work with a theme that doesn’t have a container in the header, or modify your theme with a Child Theme.

    HudsonValley’s code works, I confirmed it with FireFox Dev Tools.

    You also asked about hosting screenshots. There are handy services like Cloudup that let you take screenshots and automatically upload them for easy sharing.

    https://app.prntscr.com/en/index.html

    Lightshot is a good one too-

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘difficult to find correct selector’ is closed to new replies.