KINFOLK rookie question


(Nic Holland) #1

Hi, any help appreciated, as I’m a CSS newbie. KINFOLK theme Left Adjusts the site title. I want to center it.
Can anyone suggest what code I should add (and where I should add it) to fix this? Any/all help appreciated in advance!


(Rob Beattie) #2

You can float it to the centre but what are going to do with the slogan? That currently gets pushed to the bottom left of the header as shown here.


(Nic Holland) #3

Hi Rob, thanks for that. But I’m not using the slogan at all though. Just trying to figure out the CSS code to center the Site Title. Can you help with that?


(Rob Beattie) #4

Try

#titlelogo h1 {
float: center;
}

As with all my CSS it may be clunky and should used at your own risk!

See screen for where the code goes in RW 7.5.

Rob


(Nic Holland) #5

Thanks Rob, appreciate it. It’s all trial and error right?


(Rob Beattie) #6

No prob. Obviously check to see what happens on smaller screens.

Rob


(Nic Holland) #7

Yep for sure. Cheers


(Nic Holland) #8

It worked just fine. Many thanks Rob!


(Nic Holland) #9

oops. spoke a little soon. It works just fine in preview mode, but when I update the site itself, it reverts to left adjusted. Hmmm. Any thoughts on that?


(Jan Fuellemann) #10

Did you republish all files?


(Nic Holland) #11

Hi Jan, thanks. But yes, I did. Same result.


(Don H) #12

If it looks fine in preview, but not once published, it’s likely that your web browser is showing a cached version and not the latest CSS changes. Safari is very aggressive about caching page content. You can try clearing the cache, a private window or a different browser.

If you are still having issues, please post a link to the site and someone will be able to see what’s going on.


(Nic Holland) #13

Hi Don, yes I’ve also tried clearing caches and tried it in several browsers. Same result.

The URL is https://www.coloraction.com.au/

If anyone can see the issue, that’d be wonderful!


(Nic Holland) #14

sorry, one correction to that. It actually works in Safari now, but not Firefox (which I use a lot, but constantly clear the cache from), and also not in Chrome (which I never use normally).


(Rob Beattie) #15

Hmm, I get an ‘invalid property value’ when I use Dev Tools to look at the CSS. I’m sure it’s possible. Just needs someone with a bit of CSS nous to step in.


(Neil Egginton) #16

You can’t use “float: center;”, it doesn’t exist https://stackoverflow.com/questions/15330689/why-is-there-no-float-center-in-css


(Don H) #17

Try this:

#titlelogo h1 {
    float: none !important;
}

You may not need the !important directive. Try without and add if necessary.


(Nic Holland) #18

Hi Don, sorry for late reply but… that worked perfectly (and in all browsers). Many thanks!


(system) #19

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.