Changing font for Embedded code

[mgedit]

Created a bullet list using "embed code". How do I change font and size to match text on rest of page? Right now it looks like Times Roman and rest of text is in Lato

[whitemonkey]

@PaulMathews 

so an example to add H1 tags  using css and then embed code, is this correct:?

CSS (in css file)

.h1tags {
/* H1 title Tag content wrapper */
text-align:left;
font-size: 30px ; 
letter-spacing: 0.8px; 
font-weight:600; 
font-style: normal; 
margin: 0 auto 0.8em; 
font-family: 'Montserrat'; 
line-height:31px; 
color:#282828;
}

HTML (in site page)

<h1 class="h1tags">
This post has been re written for Nomadic Backpacker and is based on my travels in China in 2014
</h1>

appreciate ur input as i dont wanna put badly constructed code in again

[PaulMathews]

@whitemonkey You probably should place these questions in a new thread. The answer to your question is that this is sort of correct. I'd employ this approach only if I needed an h1 style different from the site's default h1 style. If I simply want to specify the global h1 style, I don't need a class for that. In the css, I'd simply specify the css attributes for the h1 tag: h1 {...}. No class or id required.

[whitemonkey]

@PaulMathews   thank you

[PaulMathews]

@mgedit As I indicated in my previous response, moving the color attribute one level down to the list item only works if the list items are not hyperlinks. You have a list of hyperlinks so you have to move the color attribute down to the anchor tag level to override the default color of hyperlinks.

[mgedit]

Thanks to you both for your help. Finally found the coding that was setting the default colour and changed that. Seems to have solved my issues. Cheers, Mike