Separator Bar

claudiusmax

I have a separator bar that I would like to fit up against my header but end up with a small gap, is there any code that will fix that and apply it site wide ? Thanks for any help.
http://www.randalloverbyphotography.com/

pilotdave

claudiusmax wrote: »

I have a separator bar that I would like to fit up against my header but end up with a small gap, is there any code that will fix that and apply it site wide ? Thanks for any help.
http://www.randalloverbyphotography.com/

Instead of using a separator, you might want to put a bottom border on the header section with code like this:

.sm-page-layout-region.sm-page-layout-region-header {
border-bottom: 1px solid rgba(100,100,100,50);
}

You can adjust the color of the line by changing those 100s to a smaller number to go darker or a higher number (up to 255) to go lighter. The 50 is the opacity (50%), so change it higher or lower as you want.

Dave

claudiusmax

pilotdave wrote: »

Instead of using a separator, you might want to put a bottom border on the header section with code like this:

.sm-page-layout-region.sm-page-layout-region-header {
border-bottom: 1px solid rgba(100,100,100,50);
}

You can adjust the color of the line by changing those 100s to a smaller number to go darker or a higher number (up to 255) to go lighter. The 50 is the opacity (50%), so change it higher or lower as you want.

Dave

It worked perfect Dave, thank you !