Help identifying element

Support
#1

Hello, I want to repeat the parallax full width photo header I put on my site (see secure note) onto a different site. I had saved it as a template for the first site which overwrote whatever the original element’s name was and now I cannot for the life of me figure out how I achieved a full width parallax header photo, lol!

Any idea which element was originally used?

#2

Never mind, figured it out!

#3

Glad to hear that. :slight_smile:

#4

Is there a way for me to get rid of the pill shape border around the nav menu on my site CircleEMaterials.com ?

#5

Hello Kacie,

Thanks for updating the thread. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.x-navbar-static-active .x-navbar .desktop .x-nav>li>a>span, .x-navbar-fixed-top-active .x-navbar .desktop .x-nav>li>a>span {
    border: 0 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#6

Thanks, but it didn’t seem to work.

#7

I got it to work - it didn’t work on the global CSS but it did on the individual page. Thank you!!

#8

Hi Kacie,

There could be some syntax error in your css code that is preventing it from working.

You can check your css code on the link below

http://csslint.net/

Anyways, glad to know it works on individual page.

Have a great day! :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.