in customizer -> additional css. This will change the font attributes for all the subtitle. If you want to change it only for a certain page, you can apli the unique css class id from the div id page-content
thanks a lot, I will put the code in. Thanks for the link, but I want to keep it sticky within a column not throughout the whole website. I can share the code with you that normally works, perhaps you see what's not working.
I deactivated the plugin but nothing changed. Does the sticky effect not work because of the theme or a plugin? Otherwise I will try and deactivate some plugins.
How can I edit the text in my screenshot, including font, color, and size?
Attached files: Schermafbeelding 2025-01-16 om 08.09.52.png
Hi there,
that's the hero subtitle and it can be changed in the hero section tab in page or portfolio item options.
to change the font attributes you can use this css
.hero-subtitle {
font-size: 18px;
font-weight: 400;
color: #000;
opacity: 0.4;
}
in customizer -> additional css. This will change the font attributes for all the subtitle. If you want to change it only for a certain page, you can apli the unique css class id from the div id page-content
https://prnt.sc/JxPCd3LQ8bCh
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thanks for the quick help! It works :)
In my portfolio pieces, the word 'photo' appears. Is there a way to remove that text?
Hi is this possible, to remove the word 'photo'?
Another quick questions, what is the css selector for the body text on the website?
Hello,
these are the font attributes regarding html and body elements
html, body {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
}
regarding the word 'photo' can you provide the page URL?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi thanks I fixed the word photo. Where do i need to add this code, into the css of the website?
Besides from that is there a way I can make a section sticky? I had a piece of code to do this, but it doesn't work with this theme.
Appearance -> customizer -> additional css should work
regarding the sticky section can you disable smooth scrolling in customizer -> general settings?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
The code won't work for some reason.
I've also disabled smooth scrolling but that won't change anything for some reason.
Hello Lucas,
Changing the font for html & body does not guarantee that's changing for all elements - paragraphs for example.
so for paragraphs you can use
p {
...
}
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
So how can i change it? Do I need to add a html widget or insert something in the text editor? And is there a way I can make a section sticky?
You know there is a special section in appearance -> customizer, Additional CSS
and you can add any special css there
the default value for paragraph fonts
p {
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
https://wordpress.com/support/make-a-sticky-element
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
thanks a lot, I will put the code in. Thanks for the link, but I want to keep it sticky within a column not throughout the whole website. I can share the code with you that normally works, perhaps you see what's not working.
Sure, if I am able to figure the code out I can at least give you some hints
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
This is the code that I normally use:
.image-sticky{
position: sticky;
position: -webkit-sticky;
top: 3rem;
}
.parent-sticky
.elementor-widget-wrap {
display: block!important;
}
Hey Lucas,
hmm, okay and what is the page you are trying to apply this code to so I can inspect it?
And do you know we have a special widget called right or left section that makes a column sticky will scrolling the length of the non sticky column?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I am trying to add the code to the general css of the website, so when I add the selector image-sticky, the column will automatically be sticky.
Just tried the pinned sections. It doesn't work in the way I want, I also have accordions that I would like to make sticky.
And where exactly did you add the sticky classes (image-sticky), what's the page URL so I can at least inspect it?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
https://www.lmmedias-testlocatie.nl/Demo8/, it is in the section where there is a big white gap below the text. This text is next to the large image.
There is an uncaught js error in the browser console
https://prnt.sc/G-XifRiCTlqU
That I'm not really sure where it comes from but it breaks the js execution and dynamic effects on the page
Maybe from this guy?
https://wordpress.org/plugins/uicore-animate/
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I deactivated the plugin but nothing changed. Does the sticky effect not work because of the theme or a plugin? Otherwise I will try and deactivate some plugins.
I removed all of the unnecessary plugins but nothing seems to work