blablacat

Allright, I’ll try. Thankyou!

Allright, I’ve tried something playing with a snipped I found on fiddle… and it seems to work… maybe. Here working

$("#first").hover(function () {
    $("body").css("background-image", 'url("https://static.bbc.co.uk/solarsystem/img/ic/640/collections/space_exploration/space_exploration_large.jpg")');
});

$("#second").hover(function () {
    $("body").css("background-image", 'url("https://i.telegraph.co.uk/multimedia/archive/02179/Milky-Way_2179177b.jpg")');
});

$("#third").hover(function () {
    $("body").css("background-image", 'url("https://www.thatsreallypossible.com/wp-content/uploads/2012/12/Space-Colonialisation.jpg")');

});

BUT I don’t know how/where to put the code in my theme ??

• This reply was modified 8 years ago by blablacat.

sorry, I’m not so prepared about coding. Could you please explain how to use it? I’ll put in front-page.php, but I don’t know how to style. I’m a bit confused about the portfolio, because my theme has a portfolio page yet… sorry ??

allright, I’ve changed my mine and (for now) I’m looking for something… easier.
I don’t know if I have to open a new topic, please tell me if it is not appropriate to write here my question.

I’m working on another solution but I can’t figure how to style with css a page only (my homepage). I’ve created a new page template (front-page.php, because Sketch doesn’t have a template for homepage) that is the copy of the basic page, but now I have to put into my css file the sections of “body” and “site” that works only for my homepage, leaving the rest of the site as it is.
I’ve looked for tutorials online and tried a couple of solutions, but… it doesn’t work. Could you help me or redirect me to a tutorial?

Thankyou so much!

Thankyou for the reply (and all the previous replies)!
I know that it’s something complex, and I’ll follow your advices… and I’ll hope to obtain the look I wish for my website!

edit: I’ve tried with

header#masthead {
position: fixed;
width: 100%;
top: 0;
background:rgba(255,255,255,0.75);
padding: 14px 60px;
}

but I’ve some issues about positon ??

Perfect, thanks!

Perfect!!! ?? Thanks again!

no, it doesn’t work ?? nothing seems to change!

I can’t edit, but:

-> SOLVED the “hover thing”, now I just have a problem with thumbnails spacing in small screen view. How can I reduce the space between the title (“silos progetto”) and the next project thumbnail?

Thanks!

screenshot: https://it.tinypic.com/r/m9953d/9

Hi!
I’m here again with a new question about the “hover” thing.
I’d love to have all the things above… only on large display, and not on mobile (the “hover” is not comfortable with a touchscreen). Under a certain screen size I’d love the title under each thumbnail.

Anyone could help me?

(I’m already using a child theme, so no problem with changing things here and there)

Hi! First of all: thanks for the help!

I forgot to say that I’m already using a child theme based on Sketch ?? so if you could explain me a way to remove or change the “menu” button and keep the three-line icon, it will be perfect!

I’ve tried your css and now it works!

Perfect! Thanks!

Hi! Thankyou so much Kathryn and Chad! You’ve helped me a lot!

Just a little last thing: how I… slow the fading? I’d love a more smooth appearing of the darker image ??

• This reply was modified 8 years ago by blablacat.
• This reply was modified 8 years ago by blablacat.

Not the slider, but the thumbnails in a portfolio collection of projects: https://impressum.photography/theater/
which has the shortcode [portfolio include_type=theater]
(yes, there are two projects with the same image as thumbnail)

I’d love to:
– remove the category of the project (“tipi: theater”) and the text (“bla bla bla”) under the thumbnail and show them only on the project page;
– remove the title of the project (“silos progetto”, “silos tiles progetto”) under the thumbnail and show it over the thumbnail when the mouse is on the image;
– add a coloured fading effect (darkening the image) when the mouse is on it;

is it possible? I saw it in other themes!

Thanks!