changeing cirlcles into hearts/diamonds

  • Resolved Anonymous User 13434028

    (@anonymized-13434028)


    10 years, 5 months ago

    hello, i have a few things i need help with.

    A. im trying to change the circles in this theme to hearts and diamond shapes but i have no idea where to start, im new to this and this is my first site im building on my own so bare with me. i have a child theme in place already, can someone help me please?

    this is the site i found the shapes on: CSS Shapes

    i would like them the heart and cut diamond shape, like one heart then one diamond and so on.

    here is my site: my site

    B. how do i center header and make it fit a larger image, like a banner size.

    C. how do i make width of page smaller and add a background?

    D. how do i make the words only appear over the circles when hovered on?

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 4 months ago

    Add this:

    .blog .hentry a .attachment-post-thumbnail {
 border-radius: 0;
 -webkit-border-radius: 0;
}

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    10 years, 4 months ago

    at the end of style.css file?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 4 months ago

    Yeah 🙂 Your Child Theme style.css file.

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    10 years, 4 months ago

    thanksssssssss!!!!

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    10 years, 4 months ago

    wait .. the shape still changes when you hover over it, the circle still shows. ):

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 4 months ago

    Instead of this:

    .blog .hentry a .attachment-post-thumbnail {
 border-radius: 0;
 -webkit-border-radius: 0;
}

    Try this:

    .blog .hentry a:hover img,
.blog .hentry a .attachment-post-thumbnail {
 border-radius: 0;
 -webkit-border-radius: 0;
}

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • The topic ‘changeing cirlcles into hearts/diamonds’ is closed to new replies.