We’ll cover these 5 ways to add CSS to a WordPress site. No plugins are required.
This area is mainly for global (site-wide) styling, but it can contain page specific CSS selectors as well.
Log into your WP Admin dashboard. Navigate to Appearance > Customize > Additional CSS. Enter your custom CSS. Hit the Publish button to save and go live.
I answered this question (title of this post) recently in the Theme Fusion Avada Community Support Forum. I thought I’d share the love with fellow WordPress Avada theme junkies.
And as an added bonus, the solution will cost you only four lines of CSS! Scope out the code here.
If you have any questions, please leave me a comment! Share & enjoy :-)
Significant additions done 30 October 2019
My very first impression of CloudCannon was oxymoronic at best. It just didn’t make sense at the beginning. To go sling around a lot of code to build things that are already available for WordPress (with no coding required).
I was introduced to CloudCannon by a friend about two months ago. I briefly looked at the CloudCannon site (didn’t know anything about Jekyll yet) and thought,
“Oh no. Do I really need to (re)invent the wheel yet again? Do I really need to code-up an image carousel when there are hundreds of off-the-shelf WordPress carousels out there? …
Updated 9 January 2021
This article is about problem solving. Plain and simple. Which happens to be one of my favourite subjects. Just this past week, I responded to at least twenty requests for technical help. This is not a complaint. I enjoy helping people with web/email/tech related issues.
All of us will need technical assistance from time-to-time. I’m included. The way you ask for help makes a huge difference. Asking for help is a skill that can get your tech issues resolved quicker!
Rewind to August 2016. Google announces that,
“To improve the mobile search experience, after January 10, 2017, pages where content is not easily accessible to a user on the transition from the mobile search results may not rank as highly.”
The excerpt above, is in direct reference to what Google refers to as intrusive interstitial design. Better known as popup windows that block you from what you’re trying to do on a site.
Fast forward two years later. Intrusive interstitial design is still alive and well. Maybe some folks like TripAdvisor can get away with it on the desktop?
Below is a real life example that I hope will answer these two questions for you.
Let’s start with the live web page that we’ll use for our example content. We’re going to use a blog post called Artistic Street Photography published on my Bali Street Photographer site.
This page is currently showing up on Google SERP 3 (search engine result page 3) for the query, ‘What is “artistic” street photography?’. Not too shabby considering there are 121 million results for this long tail keyword.
If you are like me and setup WordPress websites, it’s inevitable to be asked, “How do I log into my site?”. Just about every WordPress website owner I’ve worked with has asked me this. So, here’s how.
Special thanks to Irene Dang for asking me how to centre my custom CTA button in my earlier article. Ok, let’s get to it!
Scroll all the way to the bottom for the link to the full source code covered in this article.
There are several ways to do this. I’m going to cover two options.
When I finally sat down to write this piece, the first analogy I thought of to help me explain categories was from a TV show. It was an episode of Gomer Pyle, USMC (c. mid-1960s). I wasn’t much of a fan of Gomer Pyle. But, I was stuck in the house with the flu this particular day.
The episode was the one where Gomer organises the supplies in the base exchange store into three categories: animal, vegetable, and mineral. While watching this episode, it hit me that I never before seriously thought about how to categorise things. BTW, I am not the first person to use Gomer Pyle’s supply store fiasco as an allegory for categorising things–pleasant surprise. …