Jump to content


Photo
- - - - -

customisation


  • Please log in to reply
7 replies to this topic

#1 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 02 April 2012 - 08:09 AM

I'm having great difficulty invoking Firebug to identify CSS, so am asking these questions: I need to customise the main horizontal menu: lose the background box, line and just have a change of colour when the links are activated. In single column mode, I need to centre the main content I need to add a 1px border around the fixed width area. Please can you help? Thanks.

#2 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 02 April 2012 - 09:49 AM

well, if you don`t share your link it will be difficult to give you code that actually works on your page. #menu-navigation {float:left;} background box?? what do you mean by that?? to make background disappear: #xxx {background:transparent} Also I dont know what line you mean... for borders, use {border: 1px solid black;} But provide a link for proper support... or screenshots... or both

#3 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 02 April 2012 - 10:02 AM

just found your site on your other post:
So here are some ideas:

Please Login or Register to see this Hidden Content

Please explain which page u mean with:
In single column mode, I need to centre the main content
maybe {text-align:center;} for text or {margin:0 auto;} for block elements.
I need to add a 1px border around the fixed width area.
probably #page {border: 1px solid black;}

Hope this helps....

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 April 2012 - 11:40 AM

Hi, If you website isn't there yet as you mentioned in the URL your first post. Can you provide screenshots of what it currently looks like and how you want it to look please. Jing is a great little app for doing this type of thing!

Please Login or Register to see this Hidden Content



#5 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 02 April 2012 - 02:23 PM

Thanks for your help! Here's the URL:

Please Login or Register to see this Hidden Content

I want to: a. centre the nab b. remove the search field c. remove the RSS symbol d. add a 1px black border round all the content (900px wide) no padding round the header) e. have a different header for each static page. I've tried this coding as suggested, but it doesn't work: .page_id=20 .mainlogo-img{ display:none } .page_id=20 .mainlogo-link{ display:block; height:289px; background: url(

Please Login or Register to see this Hidden Content

) no-repeat;

#6 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 02 April 2012 - 02:43 PM

I've sorted out b. and c.

#7 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 02 April 2012 - 02:47 PM

a) .main-nav {margin:0 auto;} /*center*/ B) you can do that in the pagelines menu. Header and Footer c) the same as B) d) #page {border: 1px solid black;} d2) #header #branding .content-pad {padding 0px;} e) .page-id-2 .mainlogo-img{ display:none } .page-id-2 .mainlogo-link{ display:block; height:289px; background: url(

Please Login or Register to see this Hidden Content

) no-repeat; } This should do the trick... wish u the best of luck

#8 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 02 April 2012 - 06:38 PM

Make sure you've watched the Firebug video at

Please Login or Register to see this Hidden Content