Sela header font name
-
I would like to reproduce the Sela header font in some of my other printed branding for my new site, diekosvos.co.za. How do I find out what this font is called?
-
PS: I’ve got a “coming soon” plugin activated on the site (so you won’t be able to see the home page), but I’m using the regular header font of the Sela theme. I’d like to change the font on the “coming soon” page to match the actual theme, too.
There are a couple of ways to find out what fonts a theme is using, such as using a browser inspector. One quick way it to right-click the element in Firefox, select Inspect Element and click the Fonts tab. You’ll see that the font used is called Oswald. It’s a Google Font, available here:
Thank you Kathryn!
I’ve got another question for you, if that’s OK. My main navigation menu is created with a mixture of pages and categories. When I create a new post, I tag the category and it automatically displays under the connected menu button (with subcategories etc.)
BUT when I click on the menu buttons which are categories, there’s a display that comes up directly underneath the menu bar that says “Category” and the name of the catogory. It doesn’t do that with the menu buttons that are linked to pages.
How can I remove that “category” text?
PS: I’ve already removed the “category” text in the url’s with a related plugin.
Thanks. Let me know if I should undo the “coming soon” plugin so that you can have a quick look at the site. 🙂You’re welcome!
You can remove the page title on category pages by adding this custom CSS:
.category .page-title { display: none; }Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
Thank you very much Kathryn – done.
I’ve never quite fully understood how the custom CSS editing works, so I’ve always edited it under Appearance>Editor. Does that mean I’m doing it wrong? 🙂
Just to get it straight: should I always just use the Appearance > Edit CSS section, and paste ONLY the code that I’m changing?
I’ve got no tech friends handy on this side, so I’ve been figuring it out by myself with a little help from WordPress forums.
Lastly: what is a good way of searching for the code that I’d like to change in the stylesheet (other than scrolling through the whole thing)?
🙂
AND how do I edit the text for my “Search” widget to say “Soek” (in Afrikaans)?
Is there any comprehensive Afrikaans plugin for this theme? I’ve searched for it, but there doesn’t seem to be anything. I’m a good translator, so maybe I can help…
I’ve never quite fully understood how the custom CSS editing works, so I’ve always edited it under Appearance>Editor. Does that mean I’m doing it wrong? 🙂
Yes, you have been. 🙂 You should never edit theme files directly. If you do, all your changes will be wiped out and erased every time you update Sela to the latest version. Keeping your theme up-to-date is important so you’ll get all the latest bug and security fixes, as well as keep the theme compatible with the latest version of WordPress core.
Just to get it straight: should I always just use the Appearance > Edit CSS section, and paste ONLY the code that I’m changing?
Yes, exactly! By isolating your changes with a custom CSS editor, your CSS tweaks are protected from being erased after every theme update. And yes, only the bits of CSS you’d like to change (aka override) should be added to the custom CSS editor.
Lastly: what is a good way of searching for the code that I’d like to change in the stylesheet (other than scrolling through the whole thing)?
Using a browser inspector on your site – as I mentioned earlier – is the best way to find the right element to target.
Here are some very helpful posts that will help you customize your site with CSS:
https://dailypost.wordpress.com/2013/07/25/css-selectors/
http://dailypost.wordpress.com/2013/06/21/css-intro/
http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
https://thewc.co/articles/view/web-inspector-tutorial
https://cssworkshop.wordpress.com/
I’ll answer your language question separately.
AND how do I edit the text for my “Search” widget to say “Soek” (in Afrikaans)?
The text on the search widget is coming from WordPress core, not from the theme. You can see it here in the GlotPress project for WordPress:
https://translate.ww.wp.xz.cn/projects/wp/dev/af/default?filters[status]=either&filters[original_id]=77871&filters[translation_id]=9227157You’ll need to copy-paste the link into your browser since those links tend to get garbled in the forum.
The Afrikaans WordPress project hasn’t been completed fully enough to be included when you install WordPress; everything you see in orange is still unvalidated (unapproved) by a GlotPress volunteer. If you’d like to get involved in helping finish up the translation, you can try contacting the Afrikaans translation team by following the guide here:
https://make.ww.wp.xz.cn/polyglots/handbook/about/teams/
Or you could try the #polyglots channel in WordPress Slack.
I tried to install Afrikaans manually myself by downloading the .mo file myself from GlotPress, but was unsuccessful in getting it to activate. I also tried this plugin but it didn’t seem to work so you’ll need to contact someone who’s more of an expert in this; my expertise is on the theme side. Hopefully one of the folks on the Polyglots team can lend a hand.
Is there any comprehensive Afrikaans plugin for this theme? I’ve searched for it, but there doesn’t seem to be anything. I’m a good translator, so maybe I can help…
The Sela theme translations are found here:
https://translate.wordpress.com/projects/wpcom/themes/sela/af/defaultNote that these strings are different than the ones that come from WordPress core, like the widget.
If you would like to help complete the theme translation, you can log in with a WordPress.com account and add translations. If you wouldn’t mind letting me know once you’re done, I’ll ask a WordPress.com validator to take a look and check them over so WordPress.com sites can use them.
To install Sela correctly in Afrikaans, here are the steps
1. Head here: https://translate.wordpress.com/projects/wpcom/themes/sela/af/default
2. From the dropdown menu at the bottom left, choose the .mo file format option, and click Export to download the Afrikaans translation file and save it on your hard drive
3. Rename the file sela-af_AF.mo on your hard drive.
4. Upload the file to your site in this spot in your WordPress install:
/wp-content/languages/themes/sela-af_AF.moThe catch here is that you’ll only get this file to kick in if you can get Afrikaans selected as your site’s language, so you’ll need to sort out the other issue first.
Good luck!
The topic ‘Sela header font name’ is closed to new replies.
