Homepage Nivo issues

Oliver,
please forget the first issue, the setting was not of full width, now it is.

One more thing, however. It would be nice to be able to decide if the slider is shown all all the pages not just the home page.

Regards
Christopher

Hi Christopher,

OK so the first issue with regards to the full width is because you’ve set the “Cutomiser – General Options – Page Max Width” to something other than 100%.

The style of captions for the Nivo slider isn’t something that we’ve added as options, but, for example, this is how we have styled them on a site we are working on at the moment using “Customiser – Additional CSS” …

header .nivo-caption {
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 0.8em;
	padding-bottom: 1em;
	text-align: center;
	font-size: 2.5em;
	font-weight: 100;
	background-color: rgba(0, 0, 0, 0.7);
}

In this instance we have hidden the site identity elements altogether with “Customiser – Site Identity – Display Site Title and Tagline”.

Positioning these items above the slider may not be possible as they are physically located underneath it. You may be better placed adding the site identity as widgets to the Header Sidebar.

Oliver

• This reply was modified 5 years, 6 months ago by Oliver Campion.

Hi Christopher.

I’ll add the “all pages not just home page” to my “to do” list and get back to you with my findings.

Oliver

I guess the problem can be solved in the meantime by adding the Nivo shortcode to each page…

Sorry but how do you add site identity as widgets to the Header Sidebar?

I would first activate the header sidebar in “Customiser – Header Options – Header Sidebar”. Then use whatever widgets you deem appropriate in the Header Sidebar widget area in Widgets.

Again, a Text or HTML Widget will probably do what you need.

Oliver

Oliver,
sorry for being a bit slow but I don’t follow.
You suggested that I could enable Header Sidebar and could put in there the site identity items like logo, title and description, which right now, since I installed Nivo slider, appear at the bottom of the header image.
So I have selected in the Customiser for the Header Sidebar to be ‘Position:Top, Left’ – I guess this is the same as activating it, right?
Now, in the Widgets I see Header, not Header Sidebar but still…
When I go to there I can add widgets. However, all I can see is the usual set of widgets and nothing which remotely looks like Site Identity items mentioned before.
I don’t see how I can add those items using Text or HTML widget.
Regards
Christopher

Hello Christopher,

Your site identity is just some HTML. In your case (looking at your site) it is this …

<a href="https://imma-dev.bernatt-services.biz/" class="custom-logo-link" rel="home" itemprop="url"><img width="460" height="250" src="https://imma-dev.bernatt-services.biz/wp-content/uploads/2019/05/cropped-IMMA_Logo_Red_Stacked_CMYK-e1556750139675.jpg" class="custom-logo" alt="IMMA International Motorcycle Manufacturers Association" itemprop="logo" srcset="https://imma-dev.bernatt-services.biz/wp-content/uploads/2019/05/cropped-IMMA_Logo_Red_Stacked_CMYK-e1556750139675.jpg 460w, https://imma-dev.bernatt-services.biz/wp-content/uploads/2019/05/cropped-IMMA_Logo_Red_Stacked_CMYK-e1556750139675-300x163.jpg 300w" sizes="100vw"></a>
<div class="site-branding-text">
<h1 class="site-title"><a href="https://imma-dev.bernatt-services.biz/" rel="home">IMMA International Motorcycle Manufacturers Association</a></h1>
<p class="site-description">IMMA IS THE VOICE OF THE POWERED TWO WHEELER INDUSTRY IN GLOBAL FORUMS</p>
</div><!-- .site-branding-text -->

So … if you put this in an HTML widget placed inside the Header widget area, you will have the content at the top of the slider.

Oliver

Hello Oliver,
well, that solution did not work very well for me.

What I really meant is that it would be nice to swap the position of site identity elements with the slide Nivo captions as in slide captions going to the bottom of the image and site identity elements going to the top (not above) of the slide.

Christopher

Hello Christopher,

You should turn off “True Parallax” in the header because it’s not yet (probably never) compatible with a slider.

If you’re adding your site identity with a widget, then you don’t need it where it is normally otherwise you will have duplication. This can be hidden with “Customiser – Site Identity – Display Site Title and Tagline”.

To move the position of elements around you will need to use “Customiser – Additional CSS” and probably want to make sure they are “position: absolute;” and then use css like “top: 0;” and “bottom: 0;” to position them at the top and the bottom respectively.

Oliver