Title: [Paid] Theme Customization
Last modified: April 25, 2020

---

# [Paid] Theme Customization

 *  [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/)
 * Are you interested in discussing the creation a custom theme based on SimplyBlack?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fpaid-theme-customization%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 15 replies - 1 through 15 (of 15 total)

 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12733347)
 * 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
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12736798)
 * 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](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](https://drive.google.com/file/d/15NW0jevvpqg9ZYkWfjt7EA1jcrUV553l/view?usp=sharing)
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12737323)
 * Hi,
 * So with highlighting you mean an underline (in a certain color) for all hyperlinks
   in that block?
 * Guido
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12737349)
 * 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
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12739858)
 * 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.
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12740667)
 * 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
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12741220)
 * 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](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](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/](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://wordpress.org/plugins/easy-google-fonts/](https://wordpress.org/plugins/easy-google-fonts/)
 * **Unicode “🡥” U+1F865 Wide-Headed Northwest Barb Arrow**
    [https://www.unicode.org/charts/nameslist/n_1F800.html](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.
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12741631)
 * Should I create a SimplyBlack Child-Theme to insure your future updates do not
   erase the modifications?
    -  This reply was modified 6 years, 2 months ago by [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/).
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12742201)
 * 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
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12746905)
 * 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.
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12747675)
 * 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
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12748758)
 * 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](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?
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12749485)
 * > 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
 *  Thread Starter [Muirén Ní Sídach](https://wordpress.org/support/users/rhomani/)
 * (@rhomani)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12754760)
 * 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?
 *  Theme Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12766990)
 * 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

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘[Paid] Theme Customization’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/simplyblack/8.1/screenshot.png)
 * SimplyBlack
 * [Support Threads](https://wordpress.org/support/theme/simplyblack/)
 * [Active Topics](https://wordpress.org/support/theme/simplyblack/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/simplyblack/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/simplyblack/reviews/)

 * 15 replies
 * 2 participants
 * Last reply from: [Guido](https://wordpress.org/support/users/guido07111975/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/paid-theme-customization/#post-12766990)
 * Status: not resolved