Switching from Celestial – code not working

[Dorothy Maricic]

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.

http://planbmaintenance.net/

[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;
}
#content-wrapper, 
#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

[Dorothy Maricic]

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.

[Dorothy Maricic]

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.

celestial-top.jpg

Attachments:

You must be logged in to view attached files.

[Dorothy Maricic]

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 🙂

[Author]

Posts