Changing the font in the mobile version

1 month 3 weeks ago #1308 by lukas.rohatsch
Ok thanks,

where can I change this? I already tried to find it ...

Thank you!
Lukas

Please Log in or Create an account to join the conversation.

1 month 3 weeks ago #1314 by Navina priya
Hi,
We have solved the issue and also updated the restaurant template to latest version of Joomla and J2Store.
Now you can download it from our "My Downloads" section.

or

Go to "templates -> tp_restaurant -> tpls -> default.php" and find the code
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:400,400italic,500' rel='stylesheet' type='text/css'>
And replace the below code
<link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Expletus+Sans:400,400italic,500' rel='stylesheet' type='text/css'>

Let me know if any issues.
Thank you
Themeparrot

Please Log in or Create an account to join the conversation.

1 month 3 weeks ago #1316 by lukas.rohatsch
Thank you! Now the font hast changed and I have the same font in the mobile version too.

Is there an easy way to change the fonts (Rock Salt and Expletus Sans) to more standard-looking fonts (Like Montserrat, sans-serif)?

Thanks for taking time to help me!
Kind regards
Lukas

Please Log in or Create an account to join the conversation.

1 month 2 weeks ago #1318 by Navina priya
Hi,
Go to "templates -> tp_restaurant -> tpls -> default.php" and find the code
<link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
And replace with this code
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 

And Go to "templates -> tp_restaurant -> less -> variables.less" and find the code
@font-family-header:      'Rock Salt', cursive;
and replace with
@font-family-header: 'Montserrat', sans-serif;

Let me know if any issues.
Thank you
Themeparrot

Please Log in or Create an account to join the conversation.

1 month 1 week ago #1326 by lukas.rohatsch
Thank you, it worked!
There is only one menu which did not change.
In your Demo-Version ( demo.themeparrot.com/restaurant/index.php ) there are the entries of the "Food Menu" called Salads, Burgers, BreakFasts, Pizza, SoftDrinks, IceCreams.
These entries did not change. The headline changed but not the entries. Again, I tried to fix it on my own, but couldn't find the correct solution.
Can you help me?

Thank you!
Kind regards
Lukas

Please Log in or Create an account to join the conversation.

1 month 1 week ago - 1 month 1 week ago #1327 by Navina priya
Hi,
Go to your backend and click "Extensions -> Templates -> tp_restaurant " and click "General" tab and Turn "ON" Development mode.
Then,
Go to your site files and open "templates/tp_restaurant/less/style.less" and find the below code
.food_menu{
	.module-inner{
		.module-ct{
                          .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
				background-color:transparent;
				color: @orange;
			}
			ul>li{
			border-top:1px solid #eeeeee;
			list-style:none outside none;
			a{
			font-family:Rock Salt,cursive;
			}
			&:hover{
				background-color:#transparent;
			}
			}
			.nav.nav-pills.nav-stacked :hover{
			background-color: transparent;
			}
                }
        }
}
And replace the code by following code
.food_menu{
	.module-inner{
		.module-ct{
                          .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
				background-color:transparent;
				color: @orange;
			}
			ul>li{
			border-top:1px solid #eeeeee;
			list-style:none outside none;
			&:hover{
				background-color:#transparent;
			}
			}
			.nav.nav-pills.nav-stacked :hover{
			background-color: transparent;
			}
                }
        }
}
Finally, go to your backend and click "Extensions -> Templates -> tp_restaurant" and Click "LESS to CSS" button.
After getting successfully compiled message, click "General" tab and Turn "OFF" the Development mode.

Let me know if any issues.
Thank you
Themeparrot

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum