Css question... picture attached...


#1

I’m trying to figure out what the box to the left of the photo is… here’s a picture and my css…

div {
	font-family: Fjalla One;
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
    width: 400px;
}
p{
	font-size: 18px;
}

a:link {
	text-decoration:none;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

	}
a:visited {
    text-decoration:none;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

/* mouse over link */
a:hover {
    color: red;
}
img {
	 text-decoration:none;
	 width: 15%;
	 height: 10%;
}

horo2.png


#2

Need to see it in context so a url or you can DIY with ‘inspect element’ available on the right click menu in your browser.


#3

Ok I will upload it to my server and give it a go! :slight_smile: Thank you!

As it turns out… looking at it too much made me over look something very simple… double tag… found it! :slight_smile:


#4

Right click on this element and choose inspect element and you will see the name of this element and css code attached to this element. Send me a Private message if you don’t know how to do this.