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 AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error
Custom CSS - Stylesheet Priority Challenges
Options
Go to last post Go to first unread
Previous Topic Next Topic
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
Back to top

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.
Back to top  
MikeR  
#2 Posted : Friday, May 31, 2019 9:57:53 AM(UTC)
MikeR

Rank: Advanced Member

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

Thanks: 1 times
Was thanked: 6 time(s) in 6 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
Back to top
judy at Web2Market  
#3 Posted : Thursday, June 6, 2019 11:40:04 AM(UTC)
judy at Web2Market

Rank: Advanced Member

Groups: Developers
Joined: 11/7/2018(UTC)
Posts: 303

Thanks: 21 times
Was thanked: 5 time(s) in 5 post(s)
We set debug="true" in the web.config so stylesheets wouldn't be bundled and Julie could see the changes better.
Back to top
MikeR  
#4 Posted : Thursday, June 6, 2019 11:42:49 AM(UTC)
MikeR

Rank: Advanced Member

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

Thanks: 1 times
Was thanked: 6 time(s) in 6 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
Back to top
Users browsing this topic
Guest (3)
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.

Privacy Policy | Powered by YAF.NET 2.2.4.14 | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.224 seconds.