Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment | File | Size | Author |
---|---|---|---|
#5 | screenshot1.png | 23.07 KB | Sungsit |
#5 | screenshot2.png | 201.57 KB | Sungsit |
Comments
Comment #1
Sungsit CreditAttribution: Sungsit commentedHi Alessandro,
It's actually in layout.css
You can edit that file to
Or add this below to custom.css that a secure place from updating in the future
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?)Comment #2
marciasa1 CreditAttribution: marciasa1 commentedHi 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
Comment #3
Sungsit CreditAttribution: Sungsit commentedClear Drupal cached files and Refresh your browser. Hope this help ;)
Comment #4
marciasa1 CreditAttribution: marciasa1 commentedHi 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
Comment #5
Sungsit CreditAttribution: Sungsit commentedDid 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)
(In case you want to align
#slogan
to center too.)Comment #6
CinemaSaville CreditAttribution: CinemaSaville commentedHow can I move the primary links below the header bg picture?
Comment #7
ShutterFreak CreditAttribution: ShutterFreak commentedBest 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!
Comment #8
CinemaSaville CreditAttribution: CinemaSaville commentedIt did. Thanks.
Comment #9
yashadev CreditAttribution: yashadev commented