AbanteCart Community

Shopping Cart Operations => Support => Topic started by: BengalEmpire767 on September 20, 2024, 02:24:13 AM

Title: How to change font of Abantecart Page?
Post by: BengalEmpire767 on September 20, 2024, 02:24:13 AM
I want to change the default font, I have searched but cannot find option to change font anywhere. Please help.
Title: Re: How to change font of Abantecart Page?
Post by: Basara on September 23, 2024, 02:31:06 AM
Hello.
The font controlled by your theme CSS. To override theme rules and change the font family in CSS, you can use the following CSS code.

<!-- Or in your CSS -->
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Then use the font in your CSS */
body {
    font-family: 'Roboto', sans-serif !important;
}
Title: Re: How to change font of Abantecart Page?
Post by: BengalEmpire767 on September 23, 2024, 12:21:22 PM
OK, where to use the CSS code?
Title: Re: How to change font of Abantecart Page?
Post by: Basara on October 02, 2024, 06:49:19 AM
Quote from: BengalEmpire767 on September 23, 2024, 12:21:22 PM
OK, where to use the CSS code?

You can directly edit your theme's CSS file in hosting filemanager, such as /storefront/view/default/css/style.css or /extensions/novator/storefront/view/novator/css/tm_style.css. Additionally, you can use third-party extensions to modify the CSS https://marketplace.abantecart.com/custom_css
Title: Re: How to change font of Abantecart Page?
Post by: BengalEmpire767 on October 13, 2024, 05:56:39 AM
Thanks, although it did not work, though that could be a problem on my end. Will check again in a bit.
Title: Re: How to change font of Abantecart Page?
Post by: Basara on October 14, 2024, 02:25:04 AM
Quote from: BengalEmpire767 on October 13, 2024, 05:56:39 AM
Thanks, although it did not work, though that could be a problem on my end. Will check again in a bit.

Hello. After you edit the CSS code make sure you clear your browser cache.
Title: Re: How to change font of Abantecart Page?
Post by: BengalEmpire767 on October 21, 2024, 12:15:23 PM
Nope, did not work for some reason, my css skills are too lackluster to change stuff, I suppose. Clearing browser cache did nothing. I don't know if this is correct or not, but are you just supposed to dump the embed code onto the body section or...?

If it does not work, hopefully I can just manually add the font to each specific place I need it, like the carousel, or the about us page. Unfortunately, I don't have enough time to tinker, and exam's rolling around the corner. My dad's dream online store probably will have to wait... apparently he didn't know making a website was hard.