Some adjustments, header, portfolio slider, spacing

[Inside Solutions]

Hello Support,

In the attachment you can see some modification questions.

Header image:
Is it possible to add a image in this layout?

Revolution slider text box spacing:
There is a big white space between the slider and text box. I have tried to delete this with the spacing on -100px for example but nothing works.

Portfolio slider:
Is it possible to make a portfolio slider with the same options as a product slider see this example of Dante.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi there

1) Add this to your custom css:

#header {
  background-image: url(yourimage);
}

2) You need to check the box to ‘remove top spacing’ in the page meta options. If that doesn’t do it then use the extra classes on your elements:

mt0 = margin top 0
mb0 = margin bottom 0

3) Unfortunately not sorry

– Kyle

[Inside Solutions]

Hi Kyle,

Thanks for your reaction. But your code for the header is not working so I have another solution to place a image in the header (see attachment). But how can I change the hight of the top bar? I searched with Firebug but can’t find the write code for this.

And I want to delete the small search icon in the header.

Thanks!

Regards,
Joost

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Are you sure you want the image in the topbar? I can relook at the header if you want?

Your image is inside a p tag which is causing the space below

– Kyle

[Kyle – SUPPORT]

As for the search, you can disable this in Theme Options > Header Options

[Inside Solutions]

This reply has been marked as private.

[Kyle – SUPPORT]

Please add this to your custom css:

#top-bar {
  padding: 15px 0;
}
#top-bar p {
  margin-bottom: 0;
}

– Kyle

[Inside Solutions]

Hi Kyle,

If you look at the custom CSS. I placed the code there but nothing changes.

Regards,
Joost

[Kyle – SUPPORT]

That’s because you have this is your custom css:

ul.pagination-wrap.portfolio-pagination{display:none}
ul.portfolio-categories{display:none}
div.date updated{display:none}

None of those properties are closed with a semi colon, it should be:

ul.pagination-wrap.portfolio-pagination{display:none;}
ul.portfolio-categories{display:none;}
div.date updated{display:none;}

– Kyle

[Inside Solutions]

Hi Kyle,

A oke I changed it to the write code. But I think I do something wrong because nothing is changing:).

Regards,
Joost

[Kyle – SUPPORT]

Now you’ve added double semi colons?

.alt-bg {
    margin-top: 0px;
;}

#top-bar {
  padding: 15px 0px;
;}
#top-bar p {
  margin-bottom: 0px;
;}

I was only referring to the code I pasted above, you’ve added a semi colon to all of it. Properties only need 1 semi colon to close

– Kyle

[Inside Solutions]

Hi,

This the code I add to the custom CSS.

ul.pagination-wrap.portfolio-pagination{display:none;}
ul.portfolio-categories{display:none;}
div.date updated{display:none;}

.alt-bg {
    margin-top: 0px;
}

#top-bar {
  padding: 15px 0px;
}
#top-bar p {
  margin-bottom: 0px;
}

Can you place the right code, so there is no error? With the above code nothing changes in the topbar.

Regards,
Joost

[Kyle – SUPPORT]

You need to add a dot before the updated. Remove all of your custom css and add this:

ul.pagination-wrap.portfolio-pagination{display:none;}
ul.portfolio-categories{display:none;}
div.date .updated{display:none;}

.alt-bg {
    margin-top: 0px;
}

#top-bar {
  padding: 15px 0px;
}
#top-bar p {
  margin-bottom: 0px;
}

– Kyle

[Inside Solutions]

Hi,

Thanks that was the solution! Everything looks great now!

Thanks Kyle!

Regards,
Joost

[Kyle – SUPPORT]

Great, no problem

– Kyle