Header Linking in Eventbrite Single Theme- Help!

• 

  readwritelove28 · Member · Apr 16, 2015 at 3:17 am

  • Copy link
  • Add topic to favorites

  I want to find a way to use header linking for ububiz.com, but it does not appear to be written in the code for the single event Eventbrite theme! Someone suggested that I could use custom CSS to make it work.

  Does anyone know how to do this? Please let me know!

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

• 

  staff-jeanpierreac · Staff · Apr 16, 2015 at 6:56 am

  • Copy link

  Hi!

  Not an easy question at all. But I found a hack by Emil Morris @ stackoverflow that can helps us.

  You need to make the “a element” (the link) inside the container class div to spread to be as big as the complete div. To do that, you need to apply an absolute positioning to this “a element” (And to make that works that you need first to assure the div.container has relative positioning). Then, make the ‘a element’ as big as his father (width=height=100%, starting from the upper left corner, top=left=0).
  Finally, the text-decoration statement is used to assure you will not have underline to mark the link and some other statements to assure compatibility with IE :)

  Enjoy blogging!

  header div.container {position: relative;}
  
  	header div.container a
  			{
  			position:absolute;
  		              width:100%;
      			height:100%;
      			top:0;
      			left:0;
  
  			text-decoration:none; /* Makes sure the link   doesn't get underlined /
      			z-index:10; /* raises anchor tag above everything else in div */
      			background-color:white; /*workaround to make clickable in IE */
      			opacity: 0; /*workaround to make clickable in IE */
      			filter: alpha(opacity=1); /*workaround to make clickable in IE */
  			}