How To Change Default Theme Colors and Typography in Elementor WordPress Theme

Articles, Blog

How To Change Default Theme Colors and Typography in Elementor WordPress Theme

How To Change Default Theme Colors and Typography in Elementor WordPress Theme


Hi everyone and welcome to this tutorial. In
this brief video I will answer the question: “How do you change the default
colors and default phone styles that go with your WordPress theme?” So let’s say
you got a WordPress theme, you bought it or you got a free one (which is not
recommended if you really do care about your website). So you can get one of the
best WordPress themes on the market on TemplateMonster.com. The one I’m using today
for this video is 24.Storycle, which is the best news portal and blogging
WordPress theme for Elementor, that is now available. It has all the latest
functionality and you can also learn more about this theme if you check the
link in the description under this video. Let’s say you got a new theme and once
you add new elements or for example you go to a blog page and you see all the
blog posts, you see that all the colors and all the font styles are pulled out
from the settings of the particular theme. So how do you change that? How do
you change the default colors and default fonts that go in your theme? So
what do you need to do is navigate to your website from the dashboard. So if
you are in the dashboard just hover over the name of your website, in my case it’s
24 Storycle. I simply click on it and it takes me to the home page so I can
view my site still staying logged in to my dashboard. Now what I need to do is to
go to “Customize” and here it is actually very very simple. What you need to do is
to go to “Color scheme” and there you’ll see the regular scheme and the additional
colors. So simply go ahead there and you change these colors and they will be
applied to your theme. So you see immediately these labels changed color,
the loading bar changed color, so all the elements, “Get back to the top” button
changed color, so all the elements that had this color inside as an accent
color and that were bound to this particular accent color, they have
changed. And you go ahead and you do the same process to all the
other colors. You see there are the colors of headings, the text color, the link color,
the link hiver color and in the “Additional colors” you also have the
colors of the style of your entire website, not the particular elements but
of the entire website. Then in the colors tab you find the body background color.
So you can go ahead and change that. We can change it to pure white and you see
it updated immediately. Then typography ,you change the typography settings in
here. So here’s the text used in the logo, so the body text. There you go
text to see the result of sightings you choose the font family which is the
phone style the weight phone size line height letter spacing character side
text alignment and text transform it just uppercase lowercase or it
capitalized so you set your own settings so all the phones all the headings and
all the colors I mentioned your brand’s identity so also the breadcrumbs and
miscellaneous and there you can also change the header styles which is a
pretty simple only one option so overall that was it on this tutorial how to
change the default colors and the default epigraphy settings of your
WordPress theme but I advise you to only do that to change the colors and change
the topography only if you are sure maybe have some design and background or
if you are sure that these colors and this type will look good together
because the templates and themes that you get on Sanford monster.com I
constructed and built by professionals by the best designers and web developers
in the industry so they provide the best design on the market for now so as I’ve
said I totally encourage you to go ahead and check twenty first Oracle WordPress
theme and thank you so much for watching this
tutorial I hope it was helpful and I see you in another video

2 thoughts on How To Change Default Theme Colors and Typography in Elementor WordPress Theme

Leave a Reply

Your email address will not be published. Required fields are marked *