Move Slider on About Page

Oh yes the site is at https://www.sourcecreative.net – i have removed Maintenance mode if you need to see what I mean. Thanks again. ??

That’s the way the Theme has been designed.

See this Snippet for information on moving its position.

page-id-84 is a unique reference point to your about page – you may need that.

rdellconsulting – you are a star. Thanks for answering so speedily. I have seen that snippet before … sounds like giberish to me but I will give it a try. When you say “page-id-84 is a unique reference point to your about page – you may need that” – I have no idea what you mean? I am code clueless ?? Thanks, Greg

Can the suggested snippet be used by simply copy and pasting into the Custom CSS section on the actual site? Thanks, Greg

If you don’t code then maybe you should avoid being too ambitious?

The code in the Snippet isn’t actually CSS, it’s php code. You need to understand Child Themes, and then that code is added to the functions.php file.

But your site has a very imaginative design, looks really good to me.

Anyway, a quickfix to your problem in CSS:

h1.entry-title {
  max-width: 100%;
  position:  relative;
  top:  -540px;
  left: 0px;
}

You can alter the top/left settings to suit.

If you only want it moved on one page, then add .page-84 h1.entry-title {
84 is the about page.

@rdellconsulting – you are a star. I have been in and around the forum groups – copy and pasting all sorts of bits of snippet code into the CSS to get more or less what I am looking for and adapting with other bits and pieces. You are such a wonderful support – the first one to put up his hand and help. Thank you for that and for this! Greg

Left out “.page-84 h1.entry-title {
84 is the about page” and the ABOUT heading has moved up. Thank you! The thin line that usually goes under the page heading and the bit of text that goes with “ABOUT” still remains below … I can live with it if there is no way around moving it up … can you explain why this happens? If you put in an image, the image will automatically go beneath the heading etc.? Is it just the way the slider is coded? Thanks again. Greg

#page-84 .featurette-divider {
  position: relative;
  top: -560px;
}

This will move the divider on the about page.

Here’s an article about specificity which explains a bit more about targetting elements (hence, the page-84 reference)

I confused you with my comment – what I meant was to replace that part of the code which would then read:

.page-84 h1.entry-title {
  max-width: 100%;
  position:  relative;
  top:  -540px;
  left: 0px;
}

Depending on your browser, you can use F12 to get a Code Inspector which shows you your HTML source code and you can see how specificity & inheritance is being applied. Even better if you use Firebug in Firefox. See this Tutorial

You’ll be asking about the whitespace next!

If you use:

article#page-84 {
  margin-top: -100px;
}

That code should go above the h1.entry-title code, and you’ll have to adjust the top settings as the whole block has now moved up.

Hi – Thansk for all your effort and time!
When I put in

.page-84 h1.entry-title {
max-width: 100%;
position: relative;
top: -540px;
left: 0px;
}

Nothing happens. But when I put in

h1.entry-title {
max-width: 100%;
position: relative;
top: -540px;
left: 0px;
}

About moves up – but then “Workshops” and Blog post titles disappear?

Thanks. Greg

Depending on whether the code uses class (.) or id (#), this will determine the name you use. Nic has been very generous in giving both!

So you should try either #page-84 or .post-84

Apologise for this thread – it’s been a bit of progressive development and probably would be better if I’d worked out the full solution at the start! Hope you’ve learnt something from it anyway…

No apologies really! You have been more than generous and a big learning step / understanding fro me. Thanks!