logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to forums.ablecommerce.com. Please use your AbleCommerce username and password to Login. Forums Registration.

Notification

Icon
Error

Options
Go to last post Go to first unread
jcarlson26039367  
#1 Posted : Thursday, May 30, 2019 9:10:05 AM(UTC)
jcarlson26039367

Rank: Newbie

Groups: Authorized User
Joined: 5/30/2019(UTC)
Posts: 3

Thanks: 1 times
Challenge: In this version, the rules in custom.css get picked up, but they are a lower priority than the theme's default rules.We would not want to add a !important rule to every basic entry and end up duplicating most basic rules for headers, fonts, etc.

Steps taken:

1. I copied the existing theme in admin and set that to be the default.
2. I added rules to custom.css in the assigned theme for something basic for testing, the headings.
3. I used browser web development tools to see the outcome. The rules in custom.css in the correct theme get picked up, but they are a lower priority than the theme's default rules.
4. In estex/Views/Shared/_ThemeStyles.cshtml, I modified the load order so that custom.css in the applied theme is loaded last. It did not work.

If anyone has any ideas or thoughts on what else I could try, I would appreciate the feedback.

Thanks!
Julie

Edited by user Thursday, May 30, 2019 9:10:51 AM(UTC)  | Reason: Not specified

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. Forums Registration.

MikeR  
#2 Posted : Friday, May 31, 2019 9:57:53 AM(UTC)
MikeR

Rank: Advanced Member

Groups: Administrators, Developers, Registered, HelpDesk, System
Joined: 10/18/2018(UTC)
Posts: 64

Was thanked: 1 time(s) in 1 post(s)
Hello,

I don't understand the issue except for the skin file custom.css is loaded last and I've never had any issues making overrides there. You shouldn't need to make any changes to any view files for this to work. Please post an example or two of the overrides you are trying to make.


<link href="/Themes/Sample/Content/fonts.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/font-awesome.min.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/animate.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/style.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/color/dark-blue.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/default.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/custom.css" rel="stylesheet"/>
<link href="/Themes/Sample/Content/skin.css" rel="stylesheet"/>
Thank you for your support!
Mike Randolph
AbleCommerce.com
judy13846  
#3 Posted : Thursday, June 6, 2019 11:40:04 AM(UTC)
judy13846

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/7/2018(UTC)
Posts: 33

We set debug="true" in the web.config so stylesheets wouldn't be bundled and Julie could see the changes better.
MikeR  
#4 Posted : Thursday, June 6, 2019 11:42:49 AM(UTC)
MikeR

Rank: Advanced Member

Groups: Administrators, Developers, Registered, HelpDesk, System
Joined: 10/18/2018(UTC)
Posts: 64

Was thanked: 1 time(s) in 1 post(s)
Hi Judy,

Good idea! I always have my build running in debug mode unless I'm doing testing to keep Google as happy as possible. We worked hard to implement bundling and delayed downloading of resources.
Thank you for your support!
Mike Randolph
AbleCommerce.com
Users browsing this topic
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.