Background color change in Celestial Curve?

[Humberto]

Hi!

Can I change the background color that is in the curve? It is now white and I want it as the rest of the page (blue).

I changed it in the settings of the plugin (see image attached) but it doesn’t do it.

Ps. Also, is it possible to change the background color of a single page?

[Sushil Adhikari]

This is one of the caveats of the curve for this theme, you cannot change the colour of it because it’s an image. You would have to create another curved graphic or take the existing one and colour it.

One of the things I am hoping to do at some point is to make that curve pure CSS so that it can be easily colourized from theme settings.

As for changing the background colour of a single page….you can, but you need to target that page with your own custom CSS using one of the classes or ID’s of the tag in the page source code and then do your background colour for the page in question. You would have to apply the background colour to the container that does the content area. You also need to do a forced background colour like this example:

background-color: #cccccc !important;

The !important part of that code forces the styling to use that.

[Humberto]

Thanks. I’m not sure if I will be able to do those changes… :S

Why if I change the “Bottom Inset Background” in the Customize section, it doesn’t change?

Also, what should be the size of the banner image (that goes not in the front page but in the rest of the pages)? I can’t find it in the tutorial…

[Humberto]

I suppose I have to change it in the Child Theme… I didn’t install it since the beginning… now is too late, right?

[Sushil Adhikari]

For the bottom inset background, that is my fault. I didn’t realize I left that option setting in there. That is left over from when I first made the theme and was planning something for that position but did not follow through with it. Thanks for pointing that out.

For the banner image question of size…I generally say as wide as you can do it, preferably not less than 1920 pixels for those with wider screens (2560 pixels if you want to include the REALLY wide screens on 27″ monitors). Height can be any height you want. As the window downsizes, the image will be responsive and adjust as the viewing screen gets smaller.

As for the child theme, never too late but please note when you activate it, WordPress will see it as a new theme activation and you would need to redo your theme option settings.

What colour is the blue of your page you were talking about before and needing the curve that colour?

[Humberto]

This is the blue i’m using as the background of the page: #0e76bc

[Sushil Adhikari]

I normally don’t do this, but because the inability to change the colour of the curve is my fault so I did a custom curve for you.

showcase-curve.zip

Attachments:

You must be logged in to view attached files.

[Humberto]

Regarding the banner size — I have placed an image 1920 x 540 but it is too big. So, I reduced the height.

In both cases, there was a margin and it doesn’t appear like the one you show in the theme demo but it appears with distance between the border and the image.

[Sushil Adhikari]

do you have a link to your site with this image you did?

[Humberto]

Yes (i tried to upload the images but they were too big):

awla.americahispanic.com

The fist I am trying to fix is in the section “Quienes somos” — but it is my intent to do the same in all the rest.

[Sushil Adhikari]

The image with the margin space top and bottom with the dark blue…is this what you are referring to? If so, take the class=”aligncenter” off the image tag. The alignleft, aligncenter, and alignright classes have margins applied to them.

[Humberto]

This is awesome, thank you!

Shall I upload it just as I did with the other skins? In the plugin?

[Sushil Adhikari]

It’s actually part of the theme and not the slider. There are only two ways of replacing the curved graphic:

1. replacing he existing on in the theme’s “images” folder
2. using a child theme (more work involved)

You will need to decide what method you want to use. As I mentioned, I am planning to make some changes to no longer depend on a graphic image for the curve, instead using CSS, but will be a while before I implement that in an update.

[Humberto]

I did number 1.

It worked beautifully!

Thanks!!!!!

[Sushil Adhikari]

Good to hear…cheers!
I would recommend you keep a copy of that graphic image somewhere safe. If there is an update to this theme, you will lose the graphic and then your backup copy can replace it.

[Author]

Posts