Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#198881

Hi. I’m having a hard time trying to change the font on my website.

Both in the template and also in the Mijoshop theme.

I added the google font link into /components/com_mijoshop/opencart/catalog/view/theme/decor/stylesheet/stylesheet.css
and changed font-family: ‘Muli’

Look like this.

<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
.mijoshop_heading_h1 {
font-family: 'Muli',serif !important;
color: #333 !important;
font-size: 36px !important;
font-weight: 300 !important;
line-height: 1.1 !important;
margin-top: 0;
}

This give me no changes.. i have the same issue with the decor template.

Can you somehow guide me what i’m doing wrong ?

I would also really like the change the mainmenu text color from white to black, cant seem to find the code? is it something i have to add to custom.css ?

Regards.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#539073

Add the google link into assets.xml in templates/ja_decor/etc/

Then you can adjust the font from the backend.

For the menü colour. You can add the following into custom.css

.navbar-nav > li > a {

• color: #ffffff

}
and replace #ffffff with your chosen colour.

See if that helps!

1 user says Thank You to swissa for this useful post

1. hjalte1983

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#539075

<em>@hjalte1983 432450 wrote:</em><blockquote>
I would also really like the change the mainmenu text color from white to black, cant seem to find the code? is it something i have to add to custom.css ?

Regards.</blockquote>

Paste the following within your custom.css file . . .


#header_oc .links a {
color: #000
display: inline-block;
float: none;
font-size: 14px;
line-height: 1;
padding-left: 0;
}

Your main nav menu text should now be black.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#539082

This is my assets.xml
<stylesheets>
<file>fonts/font-awesome/css/font-awesome.min.css</file>
<file>http://fonts.googleapis.com/css?family=Muli':400,700,600,500,300</file>
</stylesheets>

How should i enable it or ?

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#539084

@tomc I made a file in /templates/ja_decor/css/custom.css and pasted the code.. should the file be somewhere else ? doesn’t seem to work

nevermind

.navbar-nav > li > a {
color: #000

}
did the trick

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#539104

<em>@hjalte1983 432490 wrote:</em><blockquote>This is my assets.xml
<stylesheets>
<file>fonts/font-awesome/css/font-awesome.min.css</file>
<file>http://fonts.googleapis.com/css?family=Muli':400,700,600,500,300</file>
</stylesheets>

How should i enable it or ?</blockquote>

please check your code there. you don’t need to use ‘ around Muli (you didn’t have one at the front anyway) 🙂


<stylesheets>
<file>fonts/font-awesome/css/font-awesome.min.css</file>
<file>http://fonts.googleapis.com/css?family=Muli:400,700,600,500,300</file>
</stylesheets>

Then you just call it in css

1 user says Thank You to swissa for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#539105

@swissa that actually did it.. but just some of the content..

the mainmenu text is still raleway so is the modules text

*update* finally somehow i got it to work 🙂

[Author]

Posts