http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place Support Forum - Topic: Create an button (image link) next to the logo that goes to an specific place? en-US Sat, 25 May 2013 01:31:20 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-28003 Tue, 27 Sep 2011 19:55:08 +0000 Chris Beard 28003@http://www.kriesi.at/support/ <p>Glad we could help you :) </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27945 Tue, 27 Sep 2011 08:30:21 +0000 rawdesigns 27945@http://www.kriesi.at/support/ <p>Thanks very much guys! I really appriciate it! Your great support do beat all other I have worked with so far!</p> <p>Have a great day, best regards</p> <p>Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27898 Mon, 26 Sep 2011 20:31:24 +0000 Chris Beard 27898@http://www.kriesi.at/support/ <p>Hey,<br /> in your style.css file find<br /> <pre><code>#top .logo { margin-bottom: 5px; }</code></pre> <p>change it to<br /> <pre><code>#top .logo { float:left; margin-bottom: 5px; }</code></pre> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27862 Mon, 26 Sep 2011 13:44:09 +0000 rawdesigns 27862@http://www.kriesi.at/support/ <p>Ah okay, I diden't realize there was an custom.css already.. thanks.</p> <p>Only problem now is that the button dosen't line up with the logo, it goes below it.</p> <p>After the first instructions my "#top .bg-logo, #top .bg-logo a{"</p> <p>Looks like this:</p> <p>#top .bg-logo, #top .bg-logo a{<br /> float: left;</p> <p>text-indent: -9999px;</p> <p>height:60px;</p> <p>width:400px;</p> <p>}</p> <p>Is there any changes I need to make here to get the new button to line up next to the logo instead of below it?</p> <p>Thanks for your help!</p> <p>Best regards</p> <p>Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27853 Mon, 26 Sep 2011 13:30:36 +0000 Dude 27853@http://www.kriesi.at/support/ <p>You can place it at the very end/bottom of the file (style.css). I'd use a ftp software like filezilla though - navigate to wp-content/themes/upscale/css/custom.css download the file, modify it and upload it again. </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27834 Mon, 26 Sep 2011 07:37:01 +0000 rawdesigns 27834@http://www.kriesi.at/support/ <p>I have created the custom.css , and I have added the following code to it </p> <p>.nexttologo{<br /> float:left;<br /> display:block;<br /> margin-top:20px;<br /> width:65px;<br /> height:65px;<br /> background:url('http://www.victoryspa.se/webbkatalog/katalogikon.png');<br /> text-indent:-9999px;<br /> }</p> <p>What and where should I put in the style.css(?) to get it to show?</p> <p>Regards</p> <p>Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27808 Mon, 26 Sep 2011 06:26:27 +0000 Dude 27808@http://www.kriesi.at/support/ <p>If the server configuration is correct the modification will be visible after you uploaded the stylesheet. If you're using a cache plugin (i.e W3TC, SuperCache, etc.) you might need to clear the cache. Sometimes you need to clear your browser cache too (depends on the server settings, browser, etc.). </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27784 Sun, 25 Sep 2011 19:37:01 +0000 rawdesigns 27784@http://www.kriesi.at/support/ <p>Okay, I will put it in a stylesheet, care to explain more about how to get this stylesheet to work properly? Like give me some stages to do to get it working properly?</p> <p>I would appriciate it very much! I am very happy for your help, and it's very good to know how to do this since I will buy another licens of the very same theme to create another site.</p> <p>Funny thing, I haven't changed a thing and suddenly the line of text isen't showing anymore in any browser... and yes I have removed all previous history, chache and cookies just to ensure I would have a fresh browser, I did install an all fresh one just to be on the safe side, but I believe that my webbstorage have been slow on the updates or something since it's been such a mess with that line of text / code.. (Might have been WP-Chache plugin that have caused this problem, shame on me)</p> <p>Best regards and thanks for all your help, Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27762 Sun, 25 Sep 2011 10:42:45 +0000 Dude 27762@http://www.kriesi.at/support/ <p>At the moment the code looks like:<br /> <pre><code>&lt;!-- ####### END HEAD CONTAINER ####### --&gt; .nexttologo{ float:left; display:block; margin-top:20px; width:65px; height:65px; background:url(&#39;http://www.victoryspa.se/webbkatalog/katalogikon.png&#39;); text-indent:-9999px; }</code></pre> <p>and I assume it's located in header.php. Delete the css code and put it in a stylesheet (css/custom.css). I wouldn't use style tags... </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27758 Sun, 25 Sep 2011 08:51:37 +0000 rawdesigns 27758@http://www.kriesi.at/support/ <p>Okay, Should I place the hole code at the top or the tags on the top of the style.css file and the &lt;/style&gt; below the nexttologo code? So the hole Style.css file get's wrapped in the &lt;style&gt; tags?</p> <p>Or should I just leave the .nexttologo at the button and just wrap this line of codes in the &lt;style&gt; tags?</p> <p>I did wrap the nexttologo lines of code with the &lt;style&gt; tags, and it worked for a while, but then I guess I must have changed something becuase now it's just a bloody line of code with no meaning that are showin on the site. So I did remove the hole .nexttologo lines of code just so the website would not look like shit while figuering htis out, but the line of code just won't go away no matter what (Correction it's only visible in explorer and Chrome, Firefox won't show it.) </p> <p>So what should I do?</p> <p>Best Regards<br /> Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27722 Sat, 24 Sep 2011 14:14:37 +0000 Dude 27722@http://www.kriesi.at/support/ <p>Yes but at the moments you're using html/inline css (you can see that your website displays the css text):<br /> <pre><code>.nexttologo{ float:left; display:block; margin-top:20px; width:65px; height:65px; background:url(&#39;http://www.victoryspa.se/webbkatalog/katalogikon.png&#39;); text-indent:-9999px; }</code></pre> <p>at the very top. You need to wrap it into css tags like:<br /> <pre><code>&lt;style type=&quot;text/css&quot;&gt; .nexttologo{ float:left; display:block; margin-top:20px; width:65px; height:65px; background:url(&#39;http://www.victoryspa.se/webbkatalog/katalogikon.png&#39;); text-indent:-9999px; } &lt;/style&gt;</code></pre> <p>or use a stylesheet like css/custom.css instead. </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27717 Sat, 24 Sep 2011 12:05:52 +0000 rawdesigns 27717@http://www.kriesi.at/support/ <p>Care to explain? What should I add to to the code? &lt;&gt;? </p> <p>I mean it's embedded with {} or how to explain it.</p> <p>but it should be added in the style.css right?</p> <p>Regard </p> <p>Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27699 Sat, 24 Sep 2011 10:10:01 +0000 Dude 27699@http://www.kriesi.at/support/ <p>Your style code for .nexttologo needs to be in html style/css tags or you can put in a stylesheets. At the moment it's just plain text... </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27613 Fri, 23 Sep 2011 07:27:40 +0000 rawdesigns 27613@http://www.kriesi.at/support/ <p>Hmm now the button dosen't show anymore at all, weird! I will wait for your opinion :) </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27612 Fri, 23 Sep 2011 07:24:49 +0000 rawdesigns 27612@http://www.kriesi.at/support/ <p>Okay, now I added everything again, (And the .nexttologo in the header.php as well , don't know if this matter)</p> <p>Now it shows up, but in the wrong place, it shows up under the logo under the Navbar</p> <p>Best Regards</p> <p>Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27594 Fri, 23 Sep 2011 05:20:48 +0000 Dude 27594@http://www.kriesi.at/support/ <p>Please add the code Chris posted above to header.php. We'll investigate why it doesn't work. At the moment there's no output at all. </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27574 Thu, 22 Sep 2011 19:04:59 +0000 rawdesigns 27574@http://www.kriesi.at/support/ <p>It did sound good :) But It diden't work, my URL is <a href="http://www.victoryspa.se" rel="nofollow">http://www.victoryspa.se</a></p> <p>Hope we can make this happen, it would be great! About nothing shown up even when I added the lines of code.</p> <p>Best regards</p> <p>Robin </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27424 Tue, 20 Sep 2011 22:40:22 +0000 Chris Beard 27424@http://www.kriesi.at/support/ <p>Hey,<br /> in your style.css you can add<br /> <code>float: left;</code><br /> in<br /> <pre><code>#top .bg-logo, #top .bg-logo a{ text-indent: -9999px; height:95px; width:186px; }</code></pre> <p>at the bottom of the file you can add<br /> <pre><code>.nexttologo{ float:left; display:block; margin-top:20px; width:65px; height:65px; background:#ff0099; text-indent:-9999px; }</code></pre> <p>change the background color (#ff0099) to<br /> <code>url(&#39;LINKTOYOURIMAGE&#39;);</code></p> <p>In your header.php file you'll find<br /> <code>echo avia_logo();</code><br /> put this piece of code below that line<br /> <code>echo &#39;&lt;a class=&quot;nexttologo&quot; href=&quot;http://google.com&quot;&gt;Link&lt;/a&gt;&#39;;</code></p> <p>Hope this works for you :) </p> http://www.kriesi.at/support/topic/create-an-button-image-link-next-to-the-logo-that-goes-to-an-specific-place#post-27391 Tue, 20 Sep 2011 16:21:35 +0000 rawdesigns 27391@http://www.kriesi.at/support/ <p>Hello.</p> <p>I have an question I would love to get some help with.</p> <p>Can I place an image next to the logo that link to an specific site?</p> <p>Like an 65x65 pixels button that would lead to whatever link I would choose, I am open for suggestions in changing the code.</p> <p>Best regards</p> <p>Robin </p>