Mongoid

Hi folks,

Update:

Copied this section from the default CSS and changed values for transition, opacity and filter:alpha.

#content img.alignleft,
#content img.alignright,
#content img.aligncenter,
#content img.alignnone,
#content .wp-caption img {
	-moz-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	transition:none;
	opacity:1.00;
	filter:alpha(opacity=100);
}

#content img.alignleft:hover,
#content img.alignright:hover,
#content img.aligncenter:hover,
#content img.alignnone:hover,
#content .wp-caption img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

This stopped the fade and the “movement” I was seeing during the hover.

Thanks for pointing me in the right direction.

Tater

Hi Folks,

I am having the same issue. I have updated the CSS code as above

#content img.alignleft:hover, #content img.alignright:hover, #content img.aligncenter:hover, #content img.alignnone:hover, #content .wp-caption img:hover {
    opacity: 1;
}

and its not working for me. On the pages I have created there are no links on any of the images and it would be less distracting if the images did not fade when a mouse is passed over them. My images not only appear to fade but also to move slightly when the mouse passes over them. I would just like the image to be an image ??

The test site is here

Thanks in advance for any suggestions. I’m sure the problem is with the interface between the chair and the keyboard.

Mongoid the Tater

Done and done.

Thanks Andrew ??

Thanks Andrew that seems to have done the trick!

I did not know that the @import rule pulled existing info from the parents default style.css, I always thought it pulled only the custom css from the user.I have so much to learn.

I do not understand why this theme gets so little mention when blogs talk of “noob friendly” themes. I read everything I can. I have been at this for a couple of months and this is by far the easiest theme for a noob like me to get started on. My Mom could easily build herself a nice page with this theme, and belive me thats sayin’ something. I also got help for my issue at 8:00PM on a Monday within minutes of asking my question. Amazing!

Keep up the awesome work and expect a couple of cups of coffee for the effort.

Thanks tons,

Tater

Still looks funky ??

On this domain I had messed with loading jquery for some animations I wanted to try out, and had added some script to the functions.php I created in the child theme. After seeing the problem creating the child I reversed those changes.
As I said this same problem is occurring on a different domain as well and on that one I had only added a little Custom CSS.

Thanks Andrew,

Tater

It is written exactly like that. Is the @import even necessary considering there are no styles applied to the parent at this point?

Just wonderin’

Thanks for your quick reply.

Tater

Sorry i had installed in a subdirectory instead of root this time and i messed up the link. Fixed now. You can see the result of creating a child from default installation.

Thanks

Thanks Danny,

For both the previous post and the original answer to my question…now if I can just figure out where to adjust that remaining line in the text box…….I’ll still have a bunch more to do ??

Happy New Year!

Cheers

Well the site is not finished (waiting for real logo from printer,text and color adjutments etc) but I can put up a link so you can see what I’m talking about if you don’t mind having a look.

MyWebPage

I just wanted the line on the slider to follow the top row of text.

Thanks

Hi WPyogi,

Yes it appears to work just fine. Entering the above CSS without the important declaration removes the box completely from all slides and leaves the text intact.

There is a line remaining that is the length of the now invisible text box between the two rows of text that I would like to shorten so it is only as long as the two rows of text but I think that might have to be the subject of another post if I cant figure it out. Or maybe just add on to this one if I find a quick fix.

Thank you very much for your prompt and helpful replies.

Mongoid

Hi Folks

Just a question if I might, without completely turning this into a discussion about the !important declaration:

In my case the CSS code that declares the RGBA comes after the Opacity entry. So it would naturally carry more weight and therefore not need the !important added on?

Thanks for the links WPyogi.

Hi Dan,

Very cool!
I did not notice that value was rgb(A). Even if I had, I was not aware you could use an RGB color value ending in a transparency. It’s literally right below the value I was messing with in the CSS block.

You suggested marking it as !important. Is that necessary every time you enter Custom CSS or just good practice.
This is my second attempt at using WordPress. The first time I had a lot of custom CSS because the theme wasn’t nearly as “change friendly” so I made a child theme and I didn’t use the !important value at all.

Was I living dangerously?

I guess I should get a little deeper into my CSS textbook.

Thank you very much Dan