Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) Switching from Celestial – code not working

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #15228

    I’ve just updated from Celestial to Celestial Reloaded. I had the following code in my child theme for Celestial, (a) to close up the gap between the curve and the text and (b) to make the font bigger overall. I’ve pasted it into the child theme for Reloaded but it doesn’t seem to do anything:

    #st-content-wrapper {
    min-height: 10rem;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;


    Also, how do I get the menu in the header to appear in the middle, like in the screenshot on the Themes page? Right now it’s sitting practically on the black bar.


    Sushil Adhikari

    There’s a lot of things different about Celestial Reloaded from the older Celestial theme. The container I believe you want instead of the st_content_wrapper one has an ID of content-wrapper

    #content-wrapper {
    padding: 3.5em 0;
    #bottom-group {
    font-size: 0.813em;
    line-height: 1.75;
    color: #848484;

    For the menu… if you go to Appearance >> Customize >> Navigation >> you can change the Main Menu Margin which by default is 30px 0


    Thanks but that doesn’t seem to have any effect, but it gave me a clue – I’ve been able to use the code I used in Encounter to make the font bigger overall.

    The other thing I’d like to do, is to close the gap between the bottom curve of the slider and the start of the text – which bit of code affects that?

    Sushil Adhikari

    the #content-wrapper has a padding of 3.5em at the top, so you can adjust that to lessen the space.


    I tried that and I just tried it again – no matter how much I reduce it, the content doesn’t move up at all. 3.5em doesn’t sound like very much in the first place, is there something else that’s creating that acre of space under the image?

    Sushil Adhikari

    3.5 em is about 56px.

    By the way, are you trying to move your content right inside the curve? IF so, that is not possible because the curve is an image and it has a flat bottom whereas the top is curved. Based on what I see on your front page, that is as close as you are going to get it. The red line in the screenshot here shows where the bottom of the curved image is.


    You must be logged in to view attached files.

    Just goes to show it’s always worth trying things a third time. It worked – I think I must have missed a bracket or something somewhere!

    Sushil Adhikari

    No worries… what is important is that it’s working 🙂

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