Hi!

Please add following code to Quick CSS as well
2)

.socket_color {
background: rgba(255, 250, 250, 0.5) url(https://caleche.gr/wp-content/themes/enfold/images/background-images/dashed-cross-dark.png) center center repeat scroll;}
#footer { background-color: rgba(255, 250, 250, 0.5); }

3)

#header_main { height: 89px; }
.content { padding-top: 20px; }

and please remove Horizontal ruler element from your page to decrease the space between text and lamp http://i.imgur.com/Utplp4Y.jpg
4)

.header_color .main_menu ul:first-child > li > a { font-weight: normal; }
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { font-weight: bold!important; }

5)

.socket_color a { color: red; font-weight: normal; }

Cheers!
Yigit

Hey!

Please flush browser cache after you apply custom CSS codes. It does work fine on my end. Only avia menu fx should be repositioned and you can do it by adding following code to Quick CSS

.avia-menu-fx { bottom: 34px; }
.header-scrollred .avia-menu-fx { bottom: -1px; }

Best regards,
Yigit

Hi wackyadventurer!

You can add following code to Quick CSS in Enfold theme options under Styling tab to add a background image to header

#header_main { background-image: url(https://linktoyourimage.com/image.jpg); }

Cheers!
Yigit

Hi!

You mobile menu looks fine on my end http://i.imgur.com/R5Ahw6x.png Please flush browser cache on your mobile device.
You can make your posts private by checking ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button

Best regards,
Yigit

Hey!

Glad you figured it out! Let us know if you have any other questions or issues

Cheers!
Yigit

Hey!

Simply upload it as logo then post the link to your website so we can provide you custom CSS code

Regards,
Yigit

Hey aylaverheijen!

Actually it should work. You can try adding !important to force it as following

#socket { font-size: 16px !important; }

And please try adding the same code to Custom.css file in Enfold/CSS folder and check if that helps

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well and then they should be the same. You can adjust the value

@media only screen and (max-width: 480px) { #header_main {
max-height: 85px; }}

Regards,
Yigit

Hi!

I have updated the code i posted in my previous post. Please try it now

Cheers!
Yigit

Hey!

Please choose one of header type with additional menu and create a new menu in Appearance > Menus and add your pages that you would like to display on the top right side of your website and make sure to check Enfold secondary menu http://i.imgur.com/NoGshmw.jpg

Cheers!
Yigit

Hi!

Please add following code to Quick CSS as well

#footer input[type="submit"] { padding: 5px 10px; font-size: 12px; }

Regards,
Yigit

Hey Matt!

It seems like you have figured it out. This is how it looks on my end http://i.imgur.com/VVrix0Y.jpg

Cheers!
Yigit

Hi p_niedrich!

Can you post the link to your website so we can provide you accurate custom CSS?

Best regards,
Yigit

Hey!

1) It is possible but you are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
2) Answered your question in this topic https://kriesi.at/support/topic/background-with-white-page-floating-above/#post-197797
3) Can you post the link to your website and point out the elements that you would like to decrease the whitespace?
4) Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

.header_color .main_menu ul:first-child > li > a { color: red; font-weight: normal; }
.header_color .main_menu ul:first-child > li.active-parent-item > a { font-weight: 600; }
#top .main_menu .menu li ul a { padding: 4px 15px; }

5)

.header_color .sub_menu>ul>li>a { color: red; font-weight: normal; }

6)

.avia-slideshow-dots a.active, .avia-slideshow-dots a { background: red; } 
.avia-slideshow-dots a { background: purple; }

7) Yes you can. You should go to wp-content\themes\enfold\js\prettyPhoto\images\prettyPhoto\default folder and edit images

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default {
width: 40%!important;
left: 30%!important; }
div.pp_default div .pp_content { padding-left: 25px; }
.pp_content_container .pp_details {
float: none;} }

Cheers!
Yigit