[JohnParticipant]

Hey guys,

Simple question but I’m really stumped I got about a paragraph of text that I want to just basically have an image in there that the text wraps around, and then the image float to left most edge, pretty simple deal.

I’ve been trying to do this with the tools and Cornerstone but it seems like really tough for some reason, almost like I’ve got a make 2 rows and then essentially continue the paragraph on the second one…

It just feels convoluted and too hard for me to be doing it right way so if you guys could tell me the quick and easy way that you normally approach kind of thing be awesome, thanks.

John

[RupokMember]

Hi John,

If you simple place float: left; for the image in Style field then the text will be wrapped around right.

Thanks!

[JohnParticipant]

Cool I have a bit of a second question if you don’t mind:

On this page:

http://www.purposefulmarketinggroup.com/home-2/

I’m trying to add a box-shadow rule to the boxes inside “The GRID” but I can’t figure out how to drill in there with the right CSS.

Just to be clear I’m talking about these guys:
http://prntscr.com/e99un1

Thanks a lot for the extra help!

[Paul RModerator]

Hi,

To add shadow, you can add this in Cornerstone > Settings > Custom CSS

#x-section-6 .tg-item {
    -webkit-box-shadow: 10px 10px 17px -6px rgba(0,0,0,0.24);
-moz-box-shadow: 10px 10px 17px -6px rgba(0,0,0,0.24);
box-shadow: 10px 10px 17px -6px rgba(0,0,0,0.24);
}

https://www.screencast.com/t/UIPW7GRa

Hope that helps

[JohnParticipant]

Great it works thank you so much!

But I’m trying to take make these boxes box-shabow (individually) change color when I hover my mouse over each one:

#x-section-6 .tg-item {
		-webkit-box-shadow: 0 7px 10px 4px rgba(13, 13, 13, 0.35);
		-moz-box-shadow: 0 7px 10px 4px rgba(13, 13, 13, 0.35);
		box-shadow: 0 7px 10px 4px rgba(13, 13, 13, 0.35);
}
#x-section-6 .tg-item:hover {
		-webkit-box-shadow:10px 10px 17px -6px rgba(232, 0, 23, 0.73);
		-moz-box-shadow: 10px 10px 17px -6px rgba(232, 0, 23, 0.73);
		box-shadow: 10px 10px 17px -6px rgba(232, 0, 23, 0.73);
}

Any ideas what I’m not doing right here?

Thanks for the extra help!

[JadeModerator]

Hi there,

The hover effect for the box shadow is working fine as what you can see in the screenshot below but is not quite visible because it is red and the background is also a shade of red.

[Author]

Posts