Some questions about Startpoint theme

Hello!

Just bought your beautiful theme today, love it! I'm running into some problems and I hope you can help me solve them! These are issues I've worked with before, and always got it working. But unfortunately not with this theme.

1. I want the logo to "hang lower" than the menu-wrapper. How ever, this creates a gap between the menu-wrapper and the slider. When I try to fix that by adding a margin-top: -50px; to the flexslider, the slider jumps to the right. Is there any way to fix this?

2. I don't want the text-containers to show on the slider, but just a plain white text without a background. How can I do that?

3. I want the 3 white boxes below the slider to overlap the slider. So they have a margin-top: -60px added to the css. I tested the free version of this theme first, and it the css worked on the blocks. Now I updated to the pro version and it doesn't work anymore. Any idea's how to fix that?

4. I'm not using a static homepage, because I want the posts & gallety to show. But I also want a small introduction text before the posts. Is there a way to insert that?

5. How can you make the gallery work with a lightbox like in the demo version?

This is the link to the website:
http://minicamping.hello-yellow.nl/

I really hope you can help me out! Looking forward to your reply!

Regards,
Selina

 

Hello Selina,

Greetings from InkThemes!

Solutions of your above issues are accordingly..

1) How to fix gap between slider and menu,

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.menu-wrapper-bg {
    height: auto;
}

2) I don't want the text-containers to show on the slider, but just a plain white text without a background. How can I do that?

For this, code is given below

Code:

.text-container h1, .text-container p a {
    display: none !important;
}

3) I want the 3 white boxes below the slider to overlap the slider.

Please paste the code given below in Custom CSS field of your dashboard.

Code:

.flexslider {
    z-index: 0;
}
.three-column-wrapper {
    margin-top: -27px;
}

4) I'm not using a static homepage, because I want the posts & gallety to show. But I also want a small introduction text before the posts. Is there a way to insert that?


Please follow the screenshot given below.



For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

5) How can you make the gallery work with a lightbox like in the demo version?

Please explain it a bit more so that we can better assist you..

Hope it will resolve your issues...

Do let me know if you need more assistance,
Thanks & Regards!
Priyanka
InkThemes.com

 

Hi Priyanka!

Thank you for your quick reply and good help! Most of the issues are solved!

1. This is not entirely what I want to achieve. I want the poin of the lighthouse to overlap the slider, so it must not be inside the wrapper. I've tried applying a margin-top:-50px to the flexslider css, but then the entire flexslider sort of collapses. I've used this before on a different website with a different theme and it worked with the margin-top. So I don't understand why it doesn't work with this one. See attachments.

So instead of this:


I want this:


When I try the margin-top this happens:


I hope you understand what I meen and that you have another solution!

4. Thank you, got that working. However, is there a possibillity to add text/images in the texteditor of the page itself? So my client can add their own text/images etc.

5. When I click the button "large image" it opens like this:


While in your demo it looks like this:


How can I make it look/work like that?

Looking forward to your reply, thanks in advance!

Regards,
Selina

 

Hello Selina,

For your logo requirement, paste the code given below in Custom CSS section of your dashboard.

Code:

.logo {
    z-index: 9;
    margin-bottom: -19px;
}

Regarding your 4rth issue...

Let me tell you that you can easily add text/image there but to open as a larger size will require some source code customization in the theme..

And to add image over there, you need to put the code given below in place of para as I have mention in my previous screenshot..

Code:

<img src="http://www.gettyimages.ca/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg">

Hope you will get it helpful..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com