want to add icons (vector) to home page featured picture

drderekwallin · Member · Feb 24, 2016 at 10:27 pm
Copy link

Add topic to favorites
I need help writing a CSS to be able to add an icon to one of my featured page pictures….On my page that features my locations I want to add a plan tree and cactus icon underneath Beverly Hills and Phoenix. I tried adding it before the read more button but it only shows up on the actual page…please help!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 25, 2016 at 7:43 am
Copy link
Hi, I took a peek in your media ilbrary and found the two white images and used those in the following CSS.
```
.home .post-38 .entry-title::after {
    content: url("https://drderekwallincom.files.wordpress.com/2016/02/symmetric-palm-tree.png");
    display: block;
    margin-top: 15px;
}
.home .post-39 .entry-title::after {
    content: url("https://drderekwallincom.files.wordpress.com/2016/02/cactus-of-mexico.png");
    display: block;
    margin-top: 10px;
}
```
On the Beverly Hills page, the palm tree you have in that page is what is causing the space between the read more and the title on the front page. I’m assuming you want that image, and the black cactus on those pages, so we can use a bit of CSS trickery to close that gap on the front page.

First, add the cactus to the Phoenix page and then add the following CSS, which hides the first paragraph, which contains the image.
```
.home .post-38 .entry-summary p:first-child, .home .post-39 .entry-summary p:first-child {
    display: none;
}
```
drderekwallin · Member · Feb 25, 2016 at 7:04 pm
Copy link
yay!! thank you!
thesacredpath · Member · Feb 25, 2016 at 10:42 pm
Copy link
You are welcome.

No items found.