Notice: Forum is in Read Only mode

Use Support request form to create new support requests.

×

Notice

The forum is in read only mode.

Changing the font in the mobile version

8 months 3 weeks ago #1308 by lukas.rohatsch
Ok thanks,

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

Thank you!
Lukas
8 months 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
8 months 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
8 months 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
8 months 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
8 months 1 week ago - 8 months 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
Powered by Kunena Forum