Columnist Theme – menu images

• 

  kothea · Member · Jun 11, 2013 at 1:44 pm

  • Copy link
  • Add topic to favorites

  me again…

  looking at http://hovercraftdoggy.wordpress.com

  how do they get the G+, and twitter images?

  i have inspected the code with firebug and can’t find it.
  i’ve looked at adding a url to a menu and can’t add an image there

  or is it a css mod maybe?
  or a large header jpeg that sits under the text?

  The blog I need help with is: (visible only to logged in users)

• 

  kothea · Member · Jun 11, 2013 at 4:20 pm

  • Copy link

  also the abovementioned site has

  : more columns
  : ability to add (video) content to the left hand bar

  is that a CSS customisation too?

• 

  justpi · Member · Jun 11, 2013 at 5:58 pm

  • Copy link

  a) The social icons could be added via CSS editing, but on this blog they are a clever fake – a bg image to the blog:
  http://hovercraftdoggy.files.wordpress.com/2013/02/background-new_03.jpg

  b) More columns are possible via CSS editing, because actually there are no columns at all: each post is set to float left, so if you increase the width of their containing block you can fit more than four.

  c) “add content to the left hand bar”: on which page did you see this?

• 

  kothea · Member · Jun 11, 2013 at 6:51 pm

  • Copy link

  @justpi thank you 3.141592653589793 times.

  a) ! that is SO sneaky…but I like it.
  b) css, ok.
  c) actually it was an advert/video…so I assume placed by wordpress and it wasn’t positioned properly anyway

  d) ! I presume that the “<arrow left> older posts” cannot be changed to a continual scroll down through all posts back to the blog’s start (like my existing theme)

• 

  kothea · Member · Jun 11, 2013 at 6:56 pm

  • Copy link

  hmm not as simple as i thought.
  i’ve added their background but it doesn’t show through. guess css is needed to make transparent…is that easy?

  also when they have fiddled with the containned block width they haven’t changed it for all the menu items, so it behaves differently.

• 

  kothea · Member · Jun 11, 2013 at 6:57 pm

  • Copy link

  http://kotheatest.wordpress.com/ is what i am testing with

• 

  justpi · Member · Jun 12, 2013 at 2:56 am

  • Copy link

  You’re welcome!

  “I presume that” [etc]: correct.

  “guess css is needed to make transparent”: correct.

  “is that easy?” It’s not the most obvious of things, but it’s one command:

  #main:after {
      background-color: transparent;
  }

  But I wouldn’t do what they did: notice that the icon gets hidden by the orange color when you hover over the menu item. Since they have the upgrade, they could have done it in a better way.

  “they haven’t changed it for all the menu items”: you mean for all the pages. I don’t like that at all: what’s the point of a theme that stretches or shrinks when you move from one page to another?