1 reply [Last post]
vincentllora
vincentllora's picture
Offline
newbie
Last seen: 2 weeks 2 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;
}

vincentllora
vincentllora's picture
Offline
newbie
Last seen: 2 weeks 2 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;
}