Grid View Display

booncroft · Member · Feb 5, 2017 at 9:49 pm
Copy link

Add topic to favorites
https://proofingcom.wordpress.com/roofing/

Is there a way in CSS the ‘Read More’ text within the Button can be replaced with the text ‘Get a quote’? As well as having that same button forward to the sites ‘contact’ page?

Best,
Dustin

The blog I need help with is: (visible only to logged in users)
staff-loquaciousloon · Staff · Feb 6, 2017 at 5:11 pm
Copy link
Hi there!

CSS can’t change where the link goes, and send people to the contact page, no. It may be possible to change the text though.

I see five “Read More” buttons on the page you’ve linked to – which one did you want to change?
booncroft · Member · Feb 7, 2017 at 5:41 am
Copy link
changing the text and not being able to point it elsewhere unfort doesn’t work for me.

Can we get rid of the button altogether?
staff-loquaciousloon · Staff · Feb 7, 2017 at 3:16 pm
Copy link
You can hide the button with CSS, yes – I still see five different “Read More” links on the page, did you want to hide one in particular, or all of them?

This CSS will hide them all (but only on the page you linked to):
```
.page-id-47 .more-link {
    display: none;
}
```
Is that what you had in mind? :)
booncroft · Member · Feb 7, 2017 at 4:13 pm
Copy link
Hide all of them yes. Does that change the CSS code? Also the thumbnail pics are active and point to the page. Is there a way to take away that link as well?
staff-loquaciousloon · Staff · Feb 7, 2017 at 4:17 pm
Copy link
The snippet I sent will hide them all for you :)

To make the images not-clicakble, you could use this snippet:
```
.page-id-47 .grid .post-thumbnail {
    pointer-events: none;
}
```
That will also stop the hover effect from happening (you can’t do one without the other I’m afraid).
booncroft · Member · Feb 7, 2017 at 5:10 pm
Copy link
Thank you. Does this code apply to just the above mentioned page or all pages?
staff-loquaciousloon · Staff · Feb 7, 2017 at 8:59 pm
Copy link
Just that page (because of .page-id-47) and just in the grid (because of .grid) :)
booncroft · Member · Feb 18, 2017 at 7:05 pm
Copy link
okay so for the below pages….they look great! but now noticing that each grid page, if i click the text i.e. (‘Solar Panels’), it directs to the page. Is there a way to make text for each thumbnail non-clickable?

thanks!

https://proofingcom.wordpress.com/roofing/
https://proofingcom.wordpress.com/construction/
staff-loquaciousloon · Staff · Feb 20, 2017 at 1:24 pm
Copy link
We can do that :)

To keep your CSS clean let’s add that selector to the exising style you already have, like this:
```
.page-id-47 .grid .post-thumbnail,
.grid-wrapper .entry-header {
    pointer-events: none;
}
```
That second line should target page titles in any grid section. Let me know if that does the trick :)
booncroft · Member · Feb 23, 2017 at 5:49 am
Copy link
this did the trick thanks!
staff-loquaciousloon · Staff · Feb 23, 2017 at 1:50 pm
Copy link
You’re welcome!

No items found.