shortcodes

Hey @freddyee,
You can paste your shortcode into a content area or widget area via a text widget. If your homepage is a static page you can paste the shortcode into the top of your home content area.
Hope that’s helpful!

Kindly,
Hannah

I want to get this result https://snipboard.io/RhYUDO.jpg , but right now I just got this via elementor shortcode box https://snipboard.io/c1wS6D.jpg , how to get the result wanted ?

Hey,
Are you able to post a link to your site so I can see how you have things set up?

Thanks,
Hannah

My live url site is on the oceanwp theme, Im working on the site locally with the kadence theme on flywheel, Im gonna change of theme.
I’m not quite sure how to share urls in that situation, but I believe is this https://3b704bf8ef43.ngrok.io/

Sorry, I believe I missed the window for that link to be valid. Have you set your header to be transparent?

Kindly,
Hannah

this is the link 99f7c3a38b97.ngrok.io on flywheels, but it’ll expires soon because im on the free plan.

https://snipboard.io/Smw8pN.jpg that’s a screenshot, it’s transparent but even the bar that I want to be black, containing the icons of facebook, instagram and youtube.

Hey,
If you want your topbar to have a background color even when you set the header to be transparent you can add this css in your custom css:

.transparent-header .site-top-header-wrap .site-header-row-container-inner {
    background: black;
}

Ben

I use the code in CSS, but that doesn’t change the color.
I want the slides to move down that bar, not just to be cover in black by the bar

• This reply was modified 3 years, 9 months ago by freddyee.

Hey,
Lets update your css to this:

.transparent-header .site-top-header-wrap .site-header-row-container-inner {
    background: black !important;
}

I want the slides to move down that bar, not just to be cover in black by the bar

Unfortunately, that isn’t an option. You can manually apply so padding but the transparent header is designed to be for the whole header.

.transparent-header #inner-wrap {
    padding-top: 30px;
}

Ben