wordpress styling issues with custom theme programmed by someone else - css

I am trying to work on a wordpress theme custom made by someone else who is no longer available to answer questions about this so I am turning to you all. I have read a lot of articles but seem unable to resolve the issue. The page in question is live and it is here - https://fourthwalljobs.com/covid-19-resources-for-artists/
IF you code inspect, you will see the paragraph about "unemployment" is supposed to be a red background in that area but isnt. The pseudo is set but doesnt seem to affect anything. Can anyone help shed light on what the issue that is blocking that from occurring seems to be and how I fix that? I prefer to not have to start overriding things on individual pages using the "!important" tag.
Additionally all of the links (which are black and underlined) should be showing as blue color but obviously are not.

Related

CSS fixed background issue when scrolling

So i recently got this CSS style for Facebook which is acting really wierd.
It's using a fixed background image and whenever i scroll it's doing this:
Click
Wierd thing is: This occurs on every style with a fixed background, if i completely remove said background the site works like a charm.
Still, I have no idea if it's just faulty code that causes the problem or if it's the browser itself.
I'm not that good at CSS but if I knew where to search or what could cause the issue, I could probs fix it myself.
Sooo... If anyone wants to take a look at the code, here it is: Click
Thanks in advance to anyone who decides to put up with my shit, heh
edit: changed link to Dropbox temporarily

Menu 'Swinging' Weirdly when hovered

I'm working on a site and I have a big css problem; my menus are 'Swinging' in a very weird manner when hovered. The css / html code on its own works well, but once I implement the slider within the real site it behaves differently. Its probably a css issue, but also to note is my site is built on a Responsive theme. Anyone with an idea of how I can fix this please lete kme know. Thanks. Here is the link to the site.
When you say "swinging" do you mean the effect where they start at the top-left then grow diagonally to the bottom-right? That's jQuery's ".show" event firing. Try replacing that with ".slideToggle".
Unfortunately the Wordpress template you're using is quite messy so it's hard to troubleshoot.

drupal - problem with quicktabs

Hello
I have quite a strange problem using quicktabs. I used the framework theme to develop a custom look for my site. I used quicktabs in the center content area to create a tabbed look for placing links within the body. Everything is working fine. However, when I view the site in IE8 at a resolution if 1024*768, I have trouble with a few links. It seems that sometimes the first link under my buttons are difficult to click. The link is there - I can actually click it, but it is very difficult to locate - it only appears at the very beginning of the link text - it is not the first letter, it seems to be only the first pixel.
I looked at the source and everything seems to be correct - I can't figure out what could be wrong.
Has anyone seen any similar behavior that might be able to point me in the right direction for a fix for this?
Thanks for any thoughts.
Edit - I looked further into it and I think it has something to do with my CSS. I disabled css in ie8, and every link is clickable, even the ones that were difficult to locate earlier. I guess there must be an overlapping of containers or something, so I will have to start messing around with those files.
It sounds like a CSS thing, have you inspected the elements in question using the developer tools (press F12) to see whats going on?
I found the solution. In the style.css file for my theme, the .block had position: relative; applied to it. removing that bit of themeing appears to have fixed the link issue.
Thanks

Change Tweetmeme button colour under wordpress

I've had a poke around in the TweetMeme plugin code and IANA JS Guru, but I cant find any sensible way to make specific styling changes; you can add div-specific CSS characteristics, but I'm talking about changing the resting colour and the hover colour of the button.
I've googled around and noone seems to have asked it on here so I thought I should.
The button uses an image sprite for its background and hover states. But this is beside the point because the button is loaded from the TweetMeme server in an iframe, which makes overriding the styles much, much more complicated (if possible at all). If it were possible, you'd need to alter the content of the iframe with javascript after everything has loaded. You can't just edit the plugin to make it serve what you want.
I suggest finding a plugin that exposes its elements to CSS styling if you need to have control over its look and feel. Since there are many such plugins, that probably won't be too hard.
You could always wait for their Pro version of the button. I hear it's due out in the not too distant future.

magento - change the colour of the footer links text

hoping somebody might be able to help me.
I am currently using a hellothemes theme.
I would like to change the colour of the footer links text. Any ideas on how to?
Also can anyone explain the differences between the CSS's on Boxes.css:
Mage_CSS_B Common Elements
Mage_CSS_E Shop Pages
Mage_CSS_F Overrides
etc...
Regards,
Fiona
This question is similiar to your other question..
If you use Firebug for Firefox, you can inspect the Footer link text, and see the line of CSS that is deciding the color. It's much easier than trying to guess what each line of CSS is trying to do.

Resources