Background color change in Celestial Curve?

Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) Background color change in Celestial Curve?

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #15392
    Humberto
    Member

    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?

    #20296
    Sushil Adhikari
    Moderator

    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.

    #20297
    Humberto
    Member

    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…

    #20298
    Humberto
    Member

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

    #20299
    Sushil Adhikari
    Moderator

    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?

    #20300
    Humberto
    Member

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

    #20301
    Sushil Adhikari
    Moderator

    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.
    #20302
    Humberto
    Member

    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.

    #20303
    Sushil Adhikari
    Moderator

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

    #20304
    Humberto
    Member

    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.

    #20305
    Sushil Adhikari
    Moderator

    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.

    #20306
    Humberto
    Member

    This is awesome, thank you!

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

    #20307
    Sushil Adhikari
    Moderator

    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.

    #20308
    Humberto
    Member

    I did number 1.

    It worked beautifully!

    Thanks!!!!!

    #20309
    Sushil Adhikari
    Moderator

    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.

Viewing 15 posts - 1 through 15 (of 21 total)
  • You must be logged in to reply to this topic.