Thanks Yigit,

I don’t use a Child Theme, I don’t really know how, and the site is already built so don’t want to change anything already there.

The previous code that Josue gave me worked fine, so if I just follow his instructions from the thread I mention in my first post
https://kriesi.at/support/topic/easy-slider-12/
will that work on the new file you mention above?

As I said, I’m currently uploading a backup of the theme from before the upgrade. Hopefully the images will load again. Part way through my ftp client quit on me, so I’ve had to start again!

Thanks Vinay,

I did have this problem once before. I fixed it by looking at the code, and there was something small. Such as a space, or a line break which I deleted and it fixed the problem. I tried looking for something yesterday and couldn’t find anything. I suspect it’s something still like that.

That’s awesome, thanks so much. Ironically the client has decided to keep white having seen it, but I’ve retained the information for the next time I come across this. As I’m not a coder, I’ve built up a little repository of quick css codes which I’ve got from your forums.

Thanks again Yigit!

Excellent! Thanks Yigit, I didn’t expect it to be so easy!

Thanks Yigit,

That doesn’t work. I’ve left the code as “your-anchor” so you can see the page still.
There is still an empty box where the code block appears.

I see this when I inspect the page code

<div id="after_full_slider_0" class="main_color av_default_container_wrap container_wrap fullsize"><div class="container"><div class="template-page content  av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-151"><div class="entry-content-wrapper clearfix">
<section class="avia_codeblock_section avia_code_block_0" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_codeblock " itemprop="text"> <div id="your-anchor"></div> </div></section>
</div></div></div></div><!-- close content main div --></div>

Any ideas?

EDIT: I found this when googling the after_full_slider_0 bit.

.page-id-151 #after_full_slider_0 .content {
min-height: 0!important;
padding: 0;
}

Is this a bonafide fix?

• This reply was modified 8 years, 6 months ago by jonrouse.

Thanks Yigit,
That sort of works, but I don’t want the logo to move down because it leaves an awkward space above it.
I’m messing around on a personal domain, see link, and I want the logo to align with the top of the menu items but extend into the page, basically bigger than it is.

Thanks Josue. I think I’m going to quit while I’m ahead!
I’ve set the resize point to 2000px, this way it’s not going to look huge for people with big screens.

I don’t want to have a child theme, so just do I just replicate your code from post #605833?
I’m just checking that you didn’t do anything extra whilst you were in the back end.

Thanks for all of your help.

Thanks! Is there a way I can edit the height when the width is over 1500px? So, at over 1500px wide the height is set at 600px

No, just this page. Though I haven’t used an easy slider anywhere else.

Thanks Josue. Totally out of my depth with this one, but will try it now!

Thanks, but sadly, that’s not going to work. There are going to be about 25 images, which I’m going to need to photoshop and fade out the colours to match the colour pallet of that particular image (a bit like iTunes does when setting the background colour of an album playlist).

Each:

#top .avia-slide-wrap {
    background: #d3d4c4;
}

Is going to be a different colour. Is there any css which wouldn’t crop the width of the image? It’s almost that I need an extra criteria in the “Slideshow Image and Video Size” drop down to be 2600 x 600. I’m guessing that this is too big of a change for a novice like me.

Thanks Josue. That sort of works, but the image should bleed out to the edges. With this solution the image is getting cropped.

I tried changing the easy slider dimensions to “no scaling” but as my source images are 2600 x 600, it looks terrible at smaller sizes.

I tried to change the width: auto; to width: 100%; but the image gets stretched.

Is there a solution to this, or am I asking too much?

Cheers!

Thanks for the quick response, but that doesn’t give the desired effect. Some of the text goes black.
I’d like to get rid of the white block.

I’m no coder, but I can see this:
class = "ajaxresponse ajaxresponse_1 style="display: block;"
Is there any way that block can become transparent?

EDIT

I’ve been able to get the code just to change the colour of the response, the code you gave me changed some of the text within the form.
Ideally, I’d really like no white box and just have white text saying “YOUR MESSAGE HAS BEEN SENT”

#top .av-light-form + .ajaxresponse * {
   color: #a3444f;
}

• This reply was modified 9 years ago by jonrouse. Reason: found partial solution

Just changed it, that’s perfect. I even figured out how to change the capchta font based on your advice.
Thanks for the help and the speedy response!

Thanks Yigit, I’m still building the site, but I’ll include the link in my reply. It’s at the bottom of the page at the contact form.
Cheers!