Home › Forums › Jevelin Theme › How to remove border from second header
Home › Forums › Jevelin Theme › How to remove border from second header
Hi B,
Thank you for your questions.
How can i remove the border from the Picture (see Picture) only in the second header
Could you please share me your site URL where it’s displaying so that i can help you to remove it?
How can i setup the Background color from the “first” header?
I am not sure what you want to achieve here so could you please describe it a bit more in detail?
Best regards,
Shufflehound team
You got a mail with all Information.
My problem is that i cant overwrite this (style.css:302):
<div class=”styles-section-title styles-selector”>
<div><span class=”selector”><span class=”simple-selector selector-matches”>.primary-desktop-light .sh-header:not(.sh-sticky-header-active)</span></span> {</div>
<div><span class=”webkit-css-property”>background-color</span>: <span class=”value”>rgba(255,255,255,0.0)!important</span>;</div>
<div><span class=”webkit-css-property”>border-bottom</span>: <span class=”value”>1px solid rgba( 255,255,255,0.10 )!important</span>;</div>
</div>
<div class=”sidebar-pane-closing-brace”>}</div>
Instead of sending email you can share details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”
Where is the problem? How do I get the dash away ?!
Do I have to discuss 4 days now?
In All your demo Sites is this dash:
https://jevelin.shufflehound.com/landing/
https://jevelin.shufflehound.com/home/home-fitness/
https://jevelin.shufflehound.com/
https://jevelin.shufflehound.com/wedding/
https://jevelin.shufflehound.com/home/home-event/
https://jevelin.shufflehound.com/home/home-creative/
This is not the problem. The border is a part of theme design but if you want to remove it then you can do so by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-header {
border-bottom: 0 !important;
}thank worked for Desktop version.
in mobile version not. How can i fix in mobile version?
To make it work on mobile please use below custom CSS code instead of above shared CSS code.
.primary-mobile-light .sh-header-mobile,
#page-container .sh-header {
border-bottom: 0 !important;
}If you need services beyond standard support, we've got your back!
If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.
We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.
More complex styling changes, theme option modifications, and third-party integrations.
If you need something that's not included in the theme, we can code it for you.
Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.
Full website builds, custom theme development, or plugin creation from scratch.
We'll provide a clear quote based on what you need. No hidden fees.