[Paid] Theme Customization

Hi,

I’m willing to help you with minor changes via this forum, but am not interested in creating a fully customized theme. Don’t have time for that, sorry.

Guido

I understand. I was only hoping for a few modifications of SimplyBlack.
Anyway, I am trying to recreate a Wired Magazine highlighter for hyperlinks, strictly for paragraph blocks.
https://codepen.io/muiren/pen/vZWEBG
I keep forgetting we can’t upload a screen scrap.
Here is a link to one.
https://drive.google.com/file/d/15NW0jevvpqg9ZYkWfjt7EA1jcrUV553l/view?usp=sharing

Hi,

So with highlighting you mean an underline (in a certain color) for all hyperlinks in that block?

Guido

I now notice it’s your personal codepen page. I don’t understand what I can do for you, because it seems you are able to create this yourself..

Guido

I don’t know how best to integrate it into your theme and that isn’t the only tweak I had in mind. I appreciate your work and have offered to contribute financially, yet from the tone you have, friendly creative collaboration sounds like an unwelcome burden.

If that is the case, that’s fine, just say so. I am founding a cooperative business community while working two jobs, my time is as precious as yours.

I thought I was doing the right thing by you but can just as well pay someone else if you feel put upon.

Hi,

You must have misunderstood me, because I’m willing to help you. Please note that English is not my native language so my writing can come across as businesslike. I just was surprised that you’re able to create code like that in codepen, but not knowing how to add this to the theme, that’s it.

So, you would like to have the same effect when hovering het link as the codepen example?

Guido

That was written a long time ago and now I spend many days being overwhelmed by my workload.

That solas.si WordPress instance featuring the SimplyBlack theme is one of 12 active ones I administrate using Gandi Net Simple Hosting. The subdomain office.solas.si is a NextCloud subdomain (https://nextcloud.com). I am teaching myself how to configure NextCloud to run LibreOffice Online, making it function as closely as possible to Google Drive and Microsoft 365.

The subdomain meta.solas.si is an instance of Discourse (https://discourse.org) which again I am doing by myself, because nobody believes in or respects me.

I need the color blue to function just like Wired Magazine. Only the links in the paragraphs should work this way.

I would also like to have SimplyBlack be able to toggle between the default Light and a Dark version of the same theme that matches the Discourse instance.
https://meta.solas.si/

And lastly I need to figure out a way to display Unicode “??” U+1F865 Wide-Headed Northwest Barbed Arrow or an alternative to it in SimplyBlack menu.

I use it in the menu to indicate a subdomain or external domain link. The problem is that it does not display correctly in Android.

It renders normally across desktop browsers using the major rendering engines but fails to render when using Chrome for Android but instead shows “X” in a box. I am using Easy Google Fonts https://www.ads-software.com/plugins/easy-google-fonts/

Unicode “??” U+1F865 Wide-Headed Northwest Barb Arrow
https://www.unicode.org/charts/nameslist/n_1F800.html

I am also trying to decide lowest maintenance but secure means of setting up a Patreon Registration and SSO access through the apex (WP) and subdomains (NextCloud/Discourse) I previously mentioned, and I am telling you I am exhausted from fighting to keep my head above water.

I am 63 years old and work two jobs, as a professional driver cars, vans, trucks and an IT field technician on call. I am alone and everyone I know abandoned me or is dead from age, nobody helps me and constantly take crap off of people who seem to think I should die or shut up and go live in a retirement home somewhere.

So yes, I pay people I think have talent both to keep from losing my mind and to help others along the way I once wished for, but never had.

Should I create a SimplyBlack Child-Theme to insure your future updates do not erase the modifications?

• This reply was modified 4 years, 7 months ago by Muirén NíSídach.

Hi,

1:

I need the color blue to function just like Wired Magazine. Only the links in the paragraphs should work this way.

So: underline and when hovering the underline becomes light blue?

2:

I would also like to have SimplyBlack be able to toggle between the default Light and a Dark version of the same theme that matches the Discourse instance.

Toggle in frontend of the website?
Or do you want to be able to chose between dark and light stylesheet while creating a site?

3:

I use it in the menu to indicate a subdomain or external domain link. The problem is that it does not display correctly in Android.

Did you already try another somehow matching symbol? Maybe another one does display properly in Android.

4:

Should I create a SimplyBlack Child-Theme to insure your future updates do not erase the modifications?

Not for now, I hope all changes can be made by using custom CSS in the Customizer only. But I’m not certain about this yet.

Guido

Hi,

1:

I need the color blue to function just like Wired Magazine. Only the links in the paragraphs should work this way.

Q: underline and when hovering the underline becomes light blue?
A: No, pale grey blue highlight is always on. No change on mouse over.

2:

I would also like to have SimplyBlack be able to toggle between the default Light and a Dark version of the same theme that matches the Discourse instance.

Q: Toggle in frontend of the website? Or do you want to be able to chose between dark and light stylesheet while creating a site?
A: User can Toggle at the front of website. Like Dark Theme on a smartphone.

3:

I use it in the menu to indicate a subdomain or external domain link. The problem is that it does not display correctly in Android.

Q: Did you already try another somehow matching symbol? Maybe another one does display properly in Android.
A: I reached out to Google Chrome for Android tech support and the best they could tell me is to try to use Pragma or Symbala fonts. The problems with that, is I am using Google Fonts and neither of those is a Google Font. I would have to come up with a local hosted font and CSS specific to the SimplyBlack Menu, the Discourse Menu, NextCloud Menu. At one point I thought about creating an iFrame in a WordPress Page for Discourse and one for NextCloud so that only the SimplyBlack Menu is visible but that doesn’t render correctly across all browsers and not at all on iPhones or Android.

I may end up abandoning WordPress and create a more primitive blog inside Discourse and accept that I will not have the same features I enjoy with WordPress. The demands of building the business are so time-consuming that I may have to hire somebody to invent a more integrated front end for the 3 main programs or 2 if I get rid of WordPress.

4:

Should I create a SimplyBlack Child-Theme to insure your future updates do not erase the modifications?

Not for now, I hope all changes can be made by using custom CSS in the Customizer only. But I’m not certain about this yet.

OK, I get it.

Hi,

1) Try this custom CSS in the Customizer:

.page #content p a {text-decoration:underline; color:#87ceeb;}
.entry-content p a {text-decoration:underline; color:#87ceeb;}

Is this what you mean?

2) Might be possible, but to be honest I don’t know how to do this right now.. saw a complex example online with Javascript but my knowledge about this is limited.

3) What about using a SVG image as :before pseudo-element for certain menu links:

.menu-item-20 a:before {}

An image should render properly in all devices. Can give you a full example later.

Guido

All that the CSS does is change the link blue.

Here is the path to the SVG file
https://solas.si/wp-content/uploads/2020/04/img_svg_U1F865.svg
How do I append the image to the code you shared?
How do I specify its size to match the menu font scale across devices?

All that the CSS does is change the link blue.

But that’s how you requested it:

No, pale grey blue highlight is always on. No change on mouse over.

How do I append the image to the code you shared?

You should look for a white SVG image, the black one is not visible in the black menu bar. You can do something like this:

.menu-item-183 a:before {
	display: inline-block; 
	margin-right:5px; 
	width:12px; 
	height:12px; 
	content:''; 
	background: url(https://solas.si/wp-content/uploads/2020/04/img_svg_U1F865.svg); 
	background-size:12px 12px;
}

Guido

All that the CSS does is change the link blue.
But that’s how you requested it.

No. I gave you a link to a picture of what it looks like.
I shared code that you said you looked at and which also is not a blue link color.

There is no possible way for you to think I just wanted a stupid simple blue link.

We just waster a lot of time, so what is really going on here?

Eh.. there’s nothing going on here, apparently we don’t understand each other.

Try this:

.page #content p a {
	transition:background-size .4s ease;
	background:linear-gradient(to bottom, transparent 75%, #D8EDF5 0) center center/0% 75% no-repeat;
}

.page #content p a:hover {
	text-decoration:none;
	background-size:100% 100%;
}

.entry-content p a {
	transition:background-size .4s ease;
	background:linear-gradient(to bottom, transparent 75%, #D8EDF5 0) center center/0% 75% no-repeat;
}

.entry-content p a:hover {
	text-decoration:none;
	background-size:100% 100%;
}

Guido