Moving Logo

Rex

I'm a newbie at RW (and therefore here also), so in steep learning curve. Have chosen the Medieval theme and it seems to be good for my needs. However, I would like to move my company logo from left adjustment to centered and if possible to integrate it with the page title. I've been through the manual and have learned that I cannot edit any page's html. Is there some way I can gain this flexibility or do I have to leave RW and do a new page in html or other language?

Thanks in advance for any responses.

Ed Brenner

Hi and Welcome @Rex try the following CSS in the Page Inspector's > Header > CSS

#pageHeader img {margin-left: 400px;}

...set the margin to suit your need. It will move the Logo and the Title/Slogan.

I guess I'm not 'following' your second question completely. Currently the Logo / Title / Slogan are all contained in the same element...

<div id="pageHeader">
		<img src="files/Armadillo.png" width="50" height="50" alt="Site logo"/>
		<h1>My Website</h1>
		<h2>Changing the world, one site at a time</h2>
	</div>

If you want to edit the 'underlying' Theme files, such as the master index file, you actually have to open the Theme's content package.
If you are going to modify a Theme always work from a 'Duplicate' copy so you don't damage the original.

1. Open the Theme Drawer in RW. 'Right click' on the Theme, select 'Duplicate'. Give the Theme a 'new' name.
2. 'Right click' on the 'Duplicate' and select 'Reveal Contents in Finder', that will open the Themes content package and you'll have access to all the files that make up the Theme.

Rex

Thanks Ed, I'll give it a whirl and get back to you.

I'm also new at using these languages. My computer experience is broad, but began with the tube machines and SOAP on an IBM 650. My Mac is so . . . much better.

Ed Brenner

No worries.

My first machine was an Atari. Followed by a Tandy machine. Added the Apple IIe.

Rex

Ed,

I tried the first suggestion adding the CSS code you gave in the page inspector on a new line. I changed the number of pixels (I assume that's what that means) and nothing happened. I changed left to center and then to right, nothing changed. What am I missing?

I also followed the directions to set up a duplicate theme page and I am able to get access to the content and open the CSS code in Komodo Edit. Presumably that will allow me the editing flexibility I need once I learn how to code in CSS. Any suggestions there for a source to instruct me?

Thanks for your patience.

Ed Brenner

Not certain about 'instruction' for editing the base files. That's one of those things you have to learn.

As for the Custom CSS I provided that's all I added and it worked fine. Do you have a link to a live page?
Custom CSS has to be in the Page Inspector > Header > CSS tab for each page the code is needed on.

See the attached screenshot from my test.

Ed Brenner

If you aren't using a Logo image in the Site > Site Setup menu you can just use the following to move the h1 and h2...

#pageHeader h1, #pageHeader h2 {margin-left: 400px;}

Rex

Ed,
I don't have a live page to show, still simply working in RW and haven't uploaded yet. My Inspector looks the same as yours except there is the following line above the one you gave me: <style type=”text/css” media=”all”> // Your Styles Here </style>. Does that have an effect?

With regard to instruction, I have gone to your RW page and found what I think I will need.

Break for dinner, I'm cooking.

Ed Brenner

You don't need anything around it. That code..

<style type=”text/css” media=”all”> // Your Styles Here </style>

...isn't necessary. Delete it.

Rex

Ed,
Meant to include snapshot of my draft page.

Ed Brenner

You'll need a way bigger screenshot than that. Way to small, can't see a thing.

Rex

As a jpg it blows up fine on my machine. Here is a wider shot. I have several "experimental pages that I am playing with to learn the system.

Rex

Ed,

Moving that extra line of code did it. Now I can move the logo and Title to reposition. Now I need to learn how to put text on both sides of the logo. I presume that will require my getting into the Theme content.

Thanks for your help.Have a good evening.

Rex

Ed Brenner

Probably. Maybe as simple as 'swapping' the 'locations' of the h1 to a position above the 'img'.