How to make left box 1 & 2 buttons


#1

Hi, I was wondering how I would make the left box 1 & 2 buttons similar to boxes on the right. So that the entire red portion is clickable button? http://partners.sbceo.org

Thank you


#2

Hi,
Can you share screenshot, I am not getting what you exactly looking for.

Thanks


#3

So, on the website (http://partners.sbceo.org) you maybe notice the left boxes that are stacked aren’t buttons themselves like the ones layout to the right. the right boxes are hover-able and become highlighted with blue. How can I do that to the boxes on the left hand side…

Thank you so much.


http://s9.postimg.org/x64u49s57/Screen_Shot_2014_07_29_at_10_07_59_AM.png


http://s9.postimg.org/6jsdfany3/Screen_Shot_2014_07_29_at_10_07_33_AM.png


#4

Do you mean by you want to same effect on “REQUEST A VOLUNTEER” box where red color turns in blue?


#5

Yes exactly, I would like the two boxes with the content to be clickable. So the red boxes would turn blue. correct.


#6

Hi,
Add following CSS line in style.css or custom css codes.

.home-left-container:hover {  
    background: #216CB4;  
}

#7

Awesome, but how do I make that section a clickable link when its being hovered over?


#8

Or make it how the right box currently is, so the text and title are being linked to the appropriate page?


#9

To add link for whole box you need to wrap the anchor tag like this #Box Code#


#10

Sorry, how do I do that? in the template-home.php file? and if so where do I place it?
.home-left-container ??

Also, How do I give a line space between the testimonial itself and the person who gave the testimonial

Attachment Link(s):

http://rtcamp.com/wp-content/uploads/rtMedia/topics/68745/2014/08/Screen-Shot-2014-08-01-at-10.28.34-AM.png


#11

this was a private reply with post_id 70001


#12

Hello,
Yes, For link to entire box you need add “.home-left-container” like:

Feel free to ask further help.

Thanks


#13

Perfect, now where do I add this code? obviously not in the css file. how do I edit the html on the wordpress site. Again, thank you and sorry for being not very good at this.


#16