Hope Helix 3 Page Title - Question | JoomShaper
Back to the questions

Hope Helix 3 Page Title

CM

Chris M

Template 3 years ago

Probably simple thing for you folks..

When setting helix3 page title in menus, this has that pretty bar effect. What file would I look to in order to change the height setting? I like it but want to make it about half the height it is normally. Is possible?

Thanks

J4.2.6, Shaper_hope template 2.0.

not a live thing so no rush.

0
5 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #98440

You can change padding, font size, font color etc.

Those are default values:

.sp-page-title {
  padding: 202px 0 152px; }

.sp-page-title h2 {
  font-size: 100px;
  color: #FFFFFF;
  letter-spacing: -6.94px;
  line-height: 72px;
}

.... but bg image you have to change from Menu items settings.

0
Pavel
Pavel
Accepted Answer
3 years ago #98411

Hi. You should inspect element you need via dev tools of your browser to find css selector. Then you can write your own css code for this selector right in browser code inspector (for visual control), copy and paste result code to custom.css file. Read Helix 3 documentation about custom.css

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #98422

Hi Chris,

indeed we talk about that tool & skills set>> https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

0
CM
Chris M
Accepted Answer
3 years ago #98439

thank you for reply. I have used inspect element. I am not finding the line that relates to the size of that bar effect. I will figure out or just move on. Thank you.

0
CM
Chris M
Accepted Answer
3 years ago #98445

thank you. i now see where i should have noticed before.

0