1. Themis
  2. Saturday, 02 May 2020
Hi,

I have problem with this code line in template CSS :

#sp-header.header-sticky ~ section#sp-main-body {
padding-top: 80px;
}


It's that line who mess with the jump scroll sticky header.

I delete it in the template.CSS but it came back after some time, maybe after cache swap i think.
How i can delete it for good ?

As i can see in your themis live demo it does'nt exist, only in download template.

I have already try to bypass it with

#sp-header.header-sticky ~ section#sp-main-body {
padding-top: 0px;
}


But it mess with other line of code so i need to delete it or neutralize.

Thx
Accepted Answer
I DON'T want this line as it broke the site !

This line of code It designed to SP PB pages. Therefore, not necessary to remove it. It is better to just override it in custom.css for not SP PB pages .

But if you still want to delete it - it must be done in theme.scss then in template.css
After removing your SP PB pages will jump when you scroll if header has static or relative position before scrolling.

1.jpg
Attachments (1)
  1. more than a month ago
  2. Themis
  3. # Permalink
Responses (7)
Did you try to put the new code in a file named "custom.css" ?
  1. more than a month ago
  2. Themis
  3. # 1
Did you try to put the new code in a file named "custom.css" ?


Yes of course but i don't want to insert the newcode as it replace next line of code for main body padding, i just want the original code disapear like the live demo of themis.

So i delete the original code and everything works well but the self reconstruct engine rewrite it in template.css

how i can override it ?
  1. more than a month ago
  2. Themis
  3. # 2
Hi,

Once you have created a custom.css file, it usually gets priority over other codes!
Please don't touch codes in template.css!

Here you go how to create Custom.css file:

https://prnt.sc/rc7obg
https://prnt.sc/rc7pnm
https://prnt.sc/rc7p4p

Best Regards
  1. more than a month ago
  2. Themis
  3. # 3
Yeah i understand more than you think.

I DON'T want this line as it broke the site !

So how i neutralize this line of code in template.css ?

Simple question, very simple... Maybe you can give me the same template you put in live preview ??
  1. more than a month ago
  2. Themis
  3. # 4
Hi,
You may try by giving extra priority for the CSS by using !important with it like below and after updating the CSS, clear both your site and browser cache.

#sp-header.header-sticky ~ section#sp-main-body {
padding-top: 0px!important;
}


Best Regards
  1. more than a month ago
  2. Themis
  3. # 5
In order override does not affect SP PB pages, you must use the page type selector.
For example, for Joomla standart component it would be so


.com-content #sp-header.header-sticky ~ section#sp-main-body {
padding-top: 0px !important;
}


Selectors page types can be found in the body tag by the code inspector.

2.jpg
Attachments (1)
  1. more than a month ago
  2. Themis
  3. # 6


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.