Hello Gibbo,
first of all congratulations on your work, I love the beach & colourise theme, and I have also discovered apture thanks to your site.
I am trying to edit your theme in the way that the site name , a three letter word, could be in the middle of the header; I will probably use in the future an image as title.

SO I was wondering how to do that,
I have tried editing the layout.css and colourise.css but no luck.

Kind regards

Alessandro

CommentFileSizeAuthor
#5 screenshot1.png23.07 KBSungsit
#5 screenshot2.png201.57 KBSungsit
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Sungsit’s picture

Hi Alessandro,

It's actually in layout.css

#site-name a {
position:absolute;
top:90px;
left:0;
color:#fff;
}

You can edit that file to

#site-name a {
position:absolute;
top:90px;
left:0;
color:#fff;
display:block;
width:100%;
text-align:center;
}

Or add this below to custom.css that a secure place from updating in the future

#site-name a {
display:block;
width:100%;
text-align:center;
}

Thanks to remind me that this theme is too much complicated, yes really, there're too much CSS files. And theme's header elements use position:absolute; for layouting so we should assign their width and position as block element for custom alignment (oh god, is that unnecessary complicated?)

marciasa1’s picture

Hi there,

first of all thanks for your quick reply,

I have done what you suggested and it hasn't change the position of the Site Name,
in fact it is still on the left hand side of the Picture,

One interesting thing is that I have edit the image bg.jpg adding some text in the middle , and after upload it in the server it will still show the old one, I don't understand why. I mean the old one doesn't even exist anymore.
If I check what image I have in the server under the name bg.jpg I can see my edited picture, but in the site I still see the old (with no text)
Do you have any idea why this is happening?

Regards
Alessandro

Sungsit’s picture

Clear Drupal cached files and Refresh your browser. Hope this help ;)

marciasa1’s picture

Hi Gibbo,

just wanted to thank you for your help and support,

still no luck with the theming, but thanks a lot for your help

ALessandro

Sungsit’s picture

FileSize
201.57 KB
23.07 KB

Did you enable custom.css in theme settings yet? (admin/build/themes/settings/colourise see screenshot 1)

If so, I wondered why it doesn't work for you cos I've test my custom CSS and It works for me (see screenshot 2)

#site-name a,
#slogan {
display:block;
width:100%;
text-align:center;
}

(In case you want to align #slogan to center too.)

CinemaSaville’s picture

How can I move the primary links below the header bg picture?

ShutterFreak’s picture

Best is to check this with the invaluable Firebug plugin enabled in FireFox.

Look at the CSS code for #primary-menu in "layout.css". It features CSS positioning information such as "position: absolute; top: 0". As a result, the primary links will always appear at the top of the 'page' container.

Set the value of top to the desired value, but make sure to add the suffix "px" to the units. Example: "top: 150px".

Hope this helps!

CinemaSaville’s picture

It did. Thanks.

yashadev’s picture

Status: Active » Closed (works as designed)