InFocus WP - Logo centered at top with Nav underneath it

(7 posts) (3 voices)

1. 

   idavila
   Member

   Hi!

   Another silly question. The client would like me to put their logo in the center at top with the navigation centered below it. Is there a code that I can change to make this happen?

   One more thing....How can I add link to facebook/twitter/rss/linked in (like the awake theme) to the top of inFocus theme in the header?

   Thanks.

   Posted 1 year ago #
2. 

   Raspo
   Support

   Hi idavila,
   you can move logo and navigation by adding this code to the style.css:
   

   #main_navigation {
       margin: 0 auto;
       width: 500px;
       font-size: 11px;
       height: 40px;
       position: static;
       text-transform: uppercase;
   }
   #logo {
       margin: 0 auto;
       width: 200px;
       font-size: 32px;
       position: static;
   }

   500px must be the width of the navigation and 200px the width of the logo

   For the sociables, you need to open up \wp-content\themes\infocus\header.php and paste your code with link+icons before the closing "inner div" (at line 95), like this:
   

   </div><!-- main_navigation -->
           <div class="socialContainer">
                <a href="twitter_profile_url" class="socialLink"><img src="url_to_twitter_icon" alt="twitter" /></a>
                <a href="facebook_profile_url" class="socialLink"><img src="url_to_facebook_icon" alt="facebook" /></a>
                 ....
           </div>
   </div><!-- inner -->

   Note the .socialContainer div and the class of "socialLink" added to the links, it will be useful later.

   Once you have added the links, give us a link to your site and we will guide you on how to move them in the right position.

   Posted 1 year ago #
3. 

   lukemiller23
   Member

   Hi

   I was just about to ask the same question where abouts in the style.css do you add this code

   Thanks Luke

   Posted 1 year ago #
4. 

   Raspo
   Support

   Hi Luke,
   just add it at the bottom of the file.

   Posted 1 year ago #
5. 

   idavila
   Member

   Thanks for the info. I tested the logo part, they wanted it centered in the middle above the navigation, but now it bumped down my "Staged" slider images.

   Posted 1 year ago #
6. 

   Raspo
   Support

   Hi idavila,
   you should give us a link to the site, so we can take a closer look.

   Posted 1 year ago #
7. 

   idavila
   Member

   Once again....i figured it out (user error). thanks for the help.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.