slam32

Yes! It works! Thank you!!! What did the designation of .index-page change in the code? Thanks again. I really appreciate your time and help. 🙂

This page is under the menu tab "soutenir", but the problem is appearing on all other pages than the home page and all the pages connected to it in the first index. For example, on the following page (infos pratiques) https://www.herauts.com/information.

This is great! Thank you so much! It's given me the site wide background gradient I was looking for, so that's brilliant. However, I the content section on the other pages (text boxes, etc.) are also showing the gradient when I don't want this to be the case. I would like the text to sit over the background with no background to the text itself. Is it a transparency issue? In the pictures shown in my original post, you can see what I mean. The "NOUS AIDER" text box content has a gradient background whereas the text in the 1st image sits on top of the background. Also, as a site note, was the div# the reason I couldn't get the effect I was wanting? I'm trying to learn as effectively as possible as I go along 🤷. Thanks again!

Hi, thanks. Sorry, I thought I had put the website link in the topic 🤔 It's https://www.herauts.com/ Thanks in advance for your help!

I'm trying to add a gradient to the background of my website and I want it to appear over the whole site on all the pages. I used the following code below but it's only affecting the 1st four pages of my website and no others. On the other pages, the background remains a solid colour and the content sections of the pages have the gradient. Can someone help me please? I've been going round in circles over this and it's pretty important I get this website up in the next couple of days! Thanks! I'm using 7.0 with Pacific family template. PS: I've attached images of what I mean. The first image is how I want every page to work. The second image is what's happening on the other pages other than the first 4. .main-content { background: linear-gradient(170deg, #aec8ce, #44626a, #758990, #44626a, #213236, #9aadac, #819f9f, #213236, #476870, #44626a, #213236) !important; } page-section, .section-background { background: transparent !important; }

Sorry, forgot to add link to site. It's www.gbubelgique.com I haven't managed to figure a way out of achieving what I wanted to so I formatted the information just as text blocks for now. It's not what I want but it's clear and readable for the time being. However, if there's a way of achieving the style with the blocks as mentioned above that'd be great! Thanks!

Hi! I've created a split section website and in a section on one page I'd like to create smaller blocks (like columns) that appear in a row and are equal width whilst the section acts full bleed (like in the image attached. Example can also be found at https://www.uccf.org.uk/welcoming-new-students). It feels like it should be relatively simple but so far the nature of the grid and the site margin mean I can't add equal size blocks that butt up next to each other across the whole page width. I managed to get this look with a gallery block but I can't seem to add text over the images as I want. I also don't necessarily want an image gallery but more different coloured square blocks with bold text over the top (and ideally a slide-up text box when hovering over each block that reveals more information). Can anyone help me here please? Is there any way to do this with custom CSS? I've tried everything I can possibly think of and I'm stuck. I'd really like to solve this if possible as it's a design style I'd like to repeat in different sections across the site. Thanks!