Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Logo position

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi Joomlabamboo.

may i know how to put my logo in the middle instead of left side.

Regards.
Ruzaidee
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
outline.jpg


Hi Paul, another question is how decrease the value of gap between my logo and outline below as per attachment.

regards.
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ruzaidee,

Do you have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul.

azuraazwa.my/

password details removed for security reasons
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
Last Edit: 6 years 6 months ago by manh.
The administrator has disabled public write access.
Hi Ruzaidee,

I've removed the access details - please can you change them as this is a public forum and they have been viewable for 4 hours

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Also you need to ask the host to disable magic quotes

"Your host needs to disable magic_quotes_gpc to run this version of Joomla!"

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Moving back to question about the logo

I would resize the image used as currently its massive

azuraazwa.my/images/Logo/logo_transaparent.png
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
You can trim the space by adding

#logo .moduletable {margin-bottom: 0px;}

to the custom css code

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
thanks Paul!

it really helpful!

by the way how to move my logo at center position? as per attachment.

Regards.

centre.jpg
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
I'd suggest cropping the image to a smaller size first

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yeah Paul!
finally i can make it center through Logo resize :cheer: :cheer: :cheer:

Thanks to you!

how about the main menu, can you assist me how to make it center too?

Regards
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ruzaidee,

To the right of the animation is the menu alignment option

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul!

can assist how to change colour in my background? i want it to be clean white instead of brown as im using monochrome template.

Regards
changebackgroundcolour.jpg
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

It depends on what areas you want to keep the marked areas are

html, body, #zen-wrap, #top-area-row {
background: url(../images/pattern-main.jpg);
}

so instead add background: none

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
same way in custom.css?
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
Yes that is one way and is the easiest to do

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul! :)

what about to remove this pattern as per attachment? i want to make it white clear

there is good way to analyze this css? so i wont bother u for those newbie question.. ngeee :)
Attachments:
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
Try this

#topwrap {background: none;}

We use the Chrome web developer tools for troubleshooting :)

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul.

sorry to bother you again
still dont have an idea on how to change and look at chrome inspect element. :(

my client want the website plain white as per attachment. at home and subpages.

can you help me the css code so i can put it at custom folder.

regards.
WEBSITELAYOUTcopy.jpg
  • Ruzaidee's Avatar
  • Ruzaidee
  • 6 Month Developer
  • 32 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ruzaidee

Try adding this

#main-row, #navwrap, #top-area-inner, #main-row-inner {background: none;}

You will need to change some font colours as well

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers