I downloaded the app transcy to use it for language option on my page however I was not able to change the font design. when I contact the app they said you have to code internally they cant do it.
is it possible to change the font style ?
Topic summary
A user is trying to change the Arabic font styling when using the Transcy translation app on their Shopify store. The app’s support team indicated they cannot modify fonts internally and suggested using custom CSS.
Proposed Solution:
A PageFly representative provided CSS code to customize the Transcy language switcher’s font properties, including:
- Font family, size, weight, and color
- Button styling for the language selector
Implementation Steps:
- Navigate to Online Store → Theme → Edit code
- Locate the CSS file in the Assets folder
- Paste the provided CSS code at the bottom
Issue:
The user reported they cannot find the initially referenced “main.css” file in their Assets folder. PageFly-Kate acknowledged the error and corrected the file location to “app.css” instead.
The discussion remains ongoing as the user works to locate the correct file for implementing the CSS customization.
Hi @manna94 ,
This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/main.css->paste below code at the bottom of the file:
.transcy-switcher-only-arrow .transcy-icon svg {
width: 25px;
height: 25px;
}
.transcy-switcher-dropdown .transcy-label {
font-size: var(--h2Size);
font-family: var(--hFontFamily);
}
.transcy-btn-apply button {
color: var(--buttonColor);
font-size: var(--buttonFontSize);
font-weight: 600 !important;
background: var(--buttonBgColor);
font-family: var(--fontFamily);
}
I hope it would help you
Best regards,
Kate | PageFly
theres no /main.css in Assets.
Hi @manna94 ,
Sorry, there is a mistake here.
You can find the file: Asset->/app.css
I hope it would help you
Best regards,
Kate | PageFly