Illustratr Red Box Hover

linascatrescue · Member · May 6, 2015 at 7:59 am
Copy link

Add topic to favorites
Hi there,

I’m trying to switch my wordpress.com site over to Illustratr to take advantage of the portfolio theme. Because there are several people who need to make decisions on the website I have set it up as a separate one for now, and I’m getting it how people want it to look before switching the original over.

My question is, is there a way to change the red box that appears when you hover over a picture?
The thing we’d like most there is text, but just getting rid of the box would be good too!

I’m not great with coding (i.e never done it) but would try if there’s no simple work-around.

The blog I need help with is http://www.linasmock.wordpress.com

Thank you!

The blog I need help with is: (visible only to logged in users)
lizthefair · Member · May 7, 2015 at 9:02 pm
Copy link
It is possible to remove the red box with CSS. To take advantage of this Custom Design feature, you’ll need the premium upgrade. If you decide to go that way, just paste the code below in the CSS box of the customizer.
```
.portfolio-thumbnail a{
	display:inline;
	background:white;
}
```
Let me know if you have any more questions or need more help.
thesacredpath · Member · May 7, 2015 at 9:03 pm
Copy link
Hi there, in Illustratr, you can change the color of the box on hover with the following CSS. Edit the color code as desired.
```
.portfolio-thumbnail a::before {
    background-color: #cc0000;
}
```
Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above CSS.
linascatrescue · Member · May 9, 2015 at 4:13 pm
Copy link
Thank you for your help!
Unfortunately we won’t be spending £85 a year as it’s just a small charity site so not really worth doing! Hope another theme does it instead….
thesacredpath · Member · May 9, 2015 at 10:00 pm
Copy link
You are welcome, and I hope you find the perfect theme.

No items found.