Full width image / divider above the header - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
September 23, 2016 at 2:25 pm #690741

roderickvs
Participant

Hi,

is it possible to place an image above the main header section in the theme? So that we can place a colored divider at the top of the screen right above the header section with the logo,menu etc?

Regards,
Roderick

September 27, 2016 at 1:06 pm #692212

Andy
Inactive Moderator

Hey Roderick,

maybe this is for you: kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Best regards,
Andy

September 27, 2016 at 2:05 pm #692229

roderickvs
Participant

Hi Andy,

thanks, but that add a widget area below the menu / header and I want to place a ruler / divider right at the top off the screens so above everything else.

regards,
roderick

September 30, 2016 at 12:33 pm #693637

Andy
Inactive Moderator

Hi,

Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

Best regards,
Andy

September 30, 2016 at 2:07 pm #693748

roderickvs
Participant

Hi,

off course: http://imgur.com/a/fTDX2 see the colored line at the top of the image, so above the logo/menu area.., would love to have that colored line at the top of all screens/pages of the website.

regards,
roderick

September 30, 2016 at 2:15 pm #693759
Yigit
Keymaster
Hey!

Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
```
#header {
    border: 10px solid transparent;
    -webkit-border-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) 30 round;
    border-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) 30 round;
    border-bottom: none; border-right: none; border-left: none;
}
```
If that does not help, please post the link to your website and to image you would like to use.

Cheers!
Yigit
September 30, 2016 at 2:33 pm #693784

roderickvs
Participant

Yeah great! that seems to be the way to go: http://www.vindjehetwat.nl/ but the image is 1250 pixels wide but is repeated / shown twice instead of just one fluent line.

September 30, 2016 at 2:54 pm #693792
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
#header { border-image-repeat: stretch; }
```
Best regards,
Yigit
October 3, 2016 at 9:41 am #694485

roderickvs
Participant

Great! Works! Thanks!

October 3, 2016 at 11:30 am #694506

Yigit
Keymaster

Hi,

You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Best regards,
Yigit
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Full width image / divider above the header’ is closed to new replies.