Recent
Categories
View Replies (6)

reboot.scss overriding template.css from NINA J4

0
Votes
Undo
  1. Turbomay
    Turbomay
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 20 November 2022
  5.  Subscribe via email
Hello Ciaran,

we use the template NINA J4 and have problem with the line in the template.css = <hr>! It is loading _reboot.scss:70, but the file is not on the server!
Please see attaches file and look at https://capri-club-deutschland.de/beitragsarchiv/archive.html


Thanks, Frank
Attachments (1)
sreen_nina_css.jpg sreen_nina_css.jpg
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Frank

As this coming from an SCSS file, this rule is been mapped. The reboot.scss is the original source of the rule, not its current location.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Turbomay
Turbomay
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I want to get the following horizontal line

hr { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 109, 152, 2.0);
}

I have stored it in the template Custom CSS. But it doesn't work with the override.

Please see attaches files

Regards Frank
Attachments (2)
sreen_nina_css-01.jpg sreen_nina_css-01.jpg
sreen_nina_css-02.jpg sreen_nina_css-02.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Frank

Have you tried adding the CSS to the Custom CSS field of your template settings?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Turbomay
Turbomay
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
oh yes... but it does not work! It the _reboot override!
See

https://www.capri-club-deutschland.de/blog-2/archiv/medienberichte/fordreport-1.html

the <hr /> Tag at the end of the article.

Thanks Frank
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Frank

It looks like your CSS is only been partially applied as it is been overruled by other CSS. To amend try replacing your CSS with the following..

hr:not([size]) { 

  height: 12px; 

  border: 0; 

  box-shadow: inset 0 12px 12px -12px rgba(0, 109, 152, 2.0);

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Turbomay
Turbomay
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

it is working fine now :D . Thank you so much for your outstanding support.

Best wishes, Frank
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!