Removing Box Around Uploaded Image & Text Wrap

  • Resolved musicalmedley

    (@musicalmedley)


    13 years, 7 months ago

    Today I tried to add an image to my homepage that would take visitors to my YouTube account upon clicking on it. The image ended up with a 1-pixel wide box around it that the original image does not have. Additionally the image/link, which I centered, can be activated at any point along the horizontal alignment area. How can I remove the box around the image and how can I make it so that the link is only activated when you click some place within the image? Does the second issue have to do with text wrap?

    Here is the page for reference: https://austinshadduck.com. I’m using the Autumn Forest theme and know little about CSS.

    Thanks for the help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter musicalmedley

    (@musicalmedley)

    Any ideas?

    style.css:

    img.aligncenter, img[align="center"] {
	margin: 0 auto;
	display: block;
	}

    try with display: inline-block;
    (i am not 100% positive, if older browsers will understand this)

    .entry-content img {
	max-width: 490px;
	padding: 5px;
	border: 1px solid #bab6ab !important;
	}

    remove the line with border

    Thread Starter musicalmedley

    (@musicalmedley)

    Excellent, that did it. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing Box Around Uploaded Image & Text Wrap’ is closed to new replies.