1 reply [Last post]
Fri, 2022-09-16 21:59
vincentllora
vincentllora's picture
Offline
newbie
Last seen: 36 weeks 4 days ago
Timezone: GMT-5
Joined: 2022-09-16
Posts: 2
Points: 3

Hello! Looking for an assist. I have some style code that I need to use by targeting the url of dynamic listings on a site. I have the base code in css and I just need to insert the variable of the url (which I have in a Google Sheet; about 80 urls). How can I accomplish all these lines of code in the easiest way possible?

.directorist-listing-card-url>a[href="URL-HERE"]{
	display: none;
}
.directorist-listing-card-url>a[href="URL-HERE"] a {
	font-size: 0px;
}
.directorist-listing-card-url>a[href="URL-HERE"]:before{
 content: url("https://experiencepuertomorelos.com/wp-content/uploads/2022/08/icon-facebook.svg");
	background-color: red;
}

Top
  • Login or register to post comments
Tags:
Sat, 2022-09-17 00:17
#1
vincentllora
vincentllora's picture
Offline
newbie
Last seen: 36 weeks 4 days ago
Timezone: GMT-5
Joined: 2022-09-16
Posts: 2
Points: 3

I've simplified what I need,

I've simplified what I need, trying to define and call a variable (property), but it isn't working. Still need an assist:

:root {
     --url_fb: "https://www.facebook.com/belleville.mx/","https://www.facebook.com/jurasity-tx.mx/";
}
 .directorist-listing-card-url>a[href=var(--url_fb)]:before {
     content: url("https://experiencepuertomorelos.com/wp-content/uploads/2022/08/icon-facebook.svg");
     background-color: #3b5998;
}

Top