What is going on with this CSS?

  • hikertommy

    (@hikertommy)


    13 years, 4 months ago

    Hi All,

    New to WordPress. Avid user of magento.

    I have gone through every line of the style css sheet, bootstrap etc and can’t alter 2 bits of CSS. It appears to be reading the css off the domain and not an actual style sheet for the parts I want to alter?!

    Its the CSS color for links in the Popular twitter widget and a background image for a nav menu. The second one is weird because there is a CSS value in styles.css pointing to the image but it just isn’t working.

    I have attached a screen shot. Anyone know what it going on?

    [IMG]http://img89.imageshack.us/img89/3689/pic1i.jpg[/IMG}

    [IMG]http://img404.imageshack.us/img404/9734/pic2ga.jpg[/IMG]

Viewing 15 replies - 1 through 15 (of 20 total)
1 2
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Which theme are you using?

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    Thanks for your time Andrew.

    A third party one, not a wordpress stock theme.

    Where is the CSS coming from if the path appears to be a line on the domain (or in my case the IP address)?

    Im not sure how wordpress handles and calls CSS.

    Dan

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Themes operate differently.
    WordPress.org forums support themes distributed on WordPress.org because they’re freely available and accessible.
    Your theme’s vendors should have the answer to your queries.

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    Ok.

    I was just wondering if there would be some sort of answer to the images attached regarding the CSS sheet it would be using?

    i.e if the CSS is reading as coming from example.com:287 (so line 287 on example.com) it must be coming from a location on my server. Im after any pointers in where to look so I can just change the color and put an image in for a background. Would have thought it could be overidden somehow or something.

    Dan

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    If you see example.com:287 in a browser developer tool like Firebug, it means the style is within the same webpage you’re inspecting.
    For example, it could be within the <head> section of the webpage, generated by a plugin.

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    Ah ok. So the CSS is called from another file which is loaded on the page when generated. The inspector see’s what is generated and not the original CSS file.

    In that case, is there a regular place in wordpress file structure that plugin CSS are kept? I went through this the other day but had no avail.

    Also, is it possible the CSS is being called externally if its a twitter plugin for example? Does that ever happen in wordpress?

    Dan

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Ah ok. So the CSS is called from another file which is loaded on the page when generated. The inspector see’s what is generated and not the original CSS file.

    If it’s generated, I think it will be directly inputted the <head> of each or a particular page. I’m talking hypothetically because plugins’ behaviors are dependent on how they’re developed.

    Use a browser developer tool like the one built-in to Google Chrome to explore your page’s CSS and CSS origins.

    Also, is it possible the CSS is being called externally if its a twitter plugin for example? Does that ever happen in wordpress

    Yes, that happens.

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    Thats what I am using and what the images are generated from.

    Viewing source and the line related shows me exactly what I am trying to change

    a { color: #2e2e2e;  }
 a:hover { color: #2e2e2e;  }

    The only problem is, there is absolutly no reference anywhere above or below that as to where its actually coming from.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Can you provide a link to that webpage with that CSS?

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    I have sent it to you through the contact page on your website.

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    Did you get it ok?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Yes, which bit of your site should I be inspecting?

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    At the bottom, the twitter module. The links are coming up #2e2e2e which clashes with footer colour so going to make it a web safe gray.

    The second part is where the Brands module is. Along the line to right you can see its cut off just before the end. This is because there is actually a slider with nav buttons but for some reason its calling no url for the background image.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 4 months ago

    Your #e2e2e2 font colour is being set in the <head> section here http://snag.gy/Hn3JE.jpg . As you can see, that’s just a generic anchor tag style and can be easily overridden by using more-specific selectors.

    Remember, the browser developer tool should be used to expose CSS that is applying to elements. Then you can override those styles in your Child Theme stylesheet or Custom CSS plugin, using the information gathered from the browser developer tool.

    I’d recommend contacting your theme’s vendors for support with that theme.

    Thread Starter hikertommy

    (@hikertommy)

    13 years, 4 months ago

    Yup I knew that was the part. I was trying to gather where its actually calling the CSS from, I can’t find the actual file in my directory.

    Thanks for the custom plugin, I shall give that a go and hopefully override it.

Viewing 15 replies - 1 through 15 (of 20 total)
1 2

The topic ‘What is going on with this CSS?’ is closed to new replies.

Tags