[Hella]

Hi! I have used Full Frame Pro to build this: http://www.haxanstradgard.se. I’m a noob. I have a bunch of questions.

Static image instead of slideshow*
Now, the slideshow is great but the client (OK, my wife) wants a static image. I can have only one image linked in of course, but I still get the black dot. Can I change that somehow?

Menu header covers banner image
The means covers the top of the banner image on each page which is problematic since the template is responsive (as it needs to be). This means I have no control over how much of that image is out off and it’s different on each screen size which is terribly annoying. I’d like to rather have a traditional design where the banner image starts after the menu header.

Menu header stops being transparent when you set a custom color
On the same note as above, it seems in the default template that the menu ribbon is transparent. But when you set a custom color for it, it becomes opaque. This kind of defeats the whole purpose of having the banner image “stick up” under the menu ribbon, since it is all covered anyway, wouldn’t you agree? Can I make the menu ribbon transparent but with a custom color?

Search item icon
I get a really weird Search icon in the menu ribbon, it looks like a list item or something. Can I change that to a magnifying glass or something else?

Footer not at bottom of page
If my page is really short (as for example here: http://haxanstradgard.se/halsa/), the footer hovers high up on the page. I want it to stick to the bottom. Possible?

Blog page picture stays default
I have one page dedicated to the blog flow (http://haxanstradgard.se/blog/), as you can set it up in the WordPress panel. The problem is that on this page, it does not show the picture assigned to the page in WordPress, it keeps showing the default camera pic that came with the theme. Drives me nuts 🙂 No other page behaves like this so I think it must have something to do with the blog setting (I am currently hiding the blog page from the menu because of this).

Div function and responsiveness
This is not a problem, but I humble request for some help from an expert. As you can see on the first page, I created two images (Böcker and Workshops) that I spread out with some simple DIV code. This works great, but isn’t responsive. Is there a way to make them behave like the three pictures in the template, that re-sort so nicely on the mobile?

Thanks!

Ernst ([email protected])

[Mahesh]

@hellanathorst:
Static image instead of slideshow*
You can use Header Image for this. Go to Dashboard=> Appearance=> Customize=> Header Image and select your desired image then Homepage\Frontpage option in Enable Featured Header Image on. Then disable the slider.
OR
If you only want to remove the dot, go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#feature-slider .cycle-pager {
    display: none;
}

Menu header covers banner image
Add the following CSS:

#feature-slider, #header-featured-image {
    margin-top: 0;
}

Menu header stops being transparent when you set a custom color
Add the following CSS:

#fixed-header .nav-primary {
    background-color: rgba(130, 122, 144, 0.7);
}

Search item icon
Don’t understand what you mean. I only see the menu icon. And it for the header toggle that includes the search.

Footer not at bottom of page
Add the following CSS:

html,
body {
    height:100%;
}

.page {
    min-height:100%;
    position:relative;
}

#colophon {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}

Blog page picture stays default
Do you mean the image on the top? Except front page and blog page, setting Header image Enable Featured Header Image on to Entire Site, Page/Post Featured Image will display set the header image as you set the featured image, for both posts and pages. To change that for blog page, you’ll need to customize further.

Div function and responsiveness
You’ll need some CSS customization for that. See the section below the content (Hälsa, Hudvård, I hemmet).

Regards,
Mahesh

[Author]

Posts