Reducing Font Size and Box size

13 posts from 4 voices

• Started 10 months ago by vonburgenstein
• Latest reply from Devin
• This topic is resolved

Tags:

No tags yet.

1. 

   vonburgenstein
   Member

   Can't seem to figure out where the code is for this. I'm trying to reduce the height of the box that contains the "get in touch" button and the text to the left of it (in the live preview, the text is "Hello! We are Levitation, A small Vienna Based..."). Where is the code for that box, so I can reduce both the font size and the height?

   Thanks!

   Posted 10 months ago #
2. 

   Ismael
   Moderator

   Hi vonburgenstein,

   The Get in touch button is an image, and you can find it here: wp-content/themes/levitation/images/skin1/button_get_in_touch.png, its CSS code can be found in style1.css and find this line of code:
   .get_in_touch

   Regards,
   Ismael

   Posted 10 months ago #
3. 

   vonburgenstein
   Member

   Yes, I know I can replace that button itself (and will need to when I get a new button designed), but I would also like to resize the font of the text to the left of that button, and reduce the amount of space above and below the button (and text to the left of the button).

   Posted 10 months ago #
4. 

   Ismael
   Moderator

   Hi vonburgenstein,

   Try to add this code at the bottom of style.css:
   

   .additional_info h2 {
      font-size: 16px !important;
   }

   Just adjust the font size value. Hope this helps.

   Regards,
   Ismael

   Posted 10 months ago #
5. 

   vonburgenstein
   Member

   Ok, that definitely helped with the font size. However, now the logo for the get in touch button is not centered in the remaining space. How do I get that lined up?

   Posted 9 months ago #
6. 

   Ismael
   Moderator

   Hi vonburgenstein,

   Can you post a link to your site? so we can check it further and give you accurate css snippets. :)

   Regards,
   Ismael

   Posted 9 months ago #
7. 

   vonburgenstein
   Member

   Unfortunately I'm creating it locally and then uploading once it's pretty much finished. The best I can do is try to describe it. The code you gave me above definitely helped with resizing the font of the text to the left of the get in touch button. But, with that, the line below that area moved up, partially covering the bottom of the get in touch button. The space above the text and the button remained the same size. The text appears to be centered between the two lines, but the button is not, if that makes sense.

   Posted 9 months ago #
8. 

   Mya
   

   Hi vonburgens,

   Can you take a screenshot for us? That should help us.You can use a service like http://tinypic.com/ to post the image here.

   Regards,
   Mya

   Posted 9 months ago #
9. 

   vonburgenstein
   Member

   Here you go Mya: http://i47.tinypic.com/14ijqx4.jpg

   My goal is to make the text to the left of the get in touch button and the button itself be centered between the horizontal lines that are above and below those items.

   Posted 9 months ago #
10. 

    vonburgenstein
    Member

    site exists now-- burgerlegal.com

    Posted 9 months ago #
11. 

    Ismael
    Moderator

    Hi,

    Find .get_in_touch on the style.css. Change the top position to 5px.

    Regards,
    Ismael

    Posted 9 months ago #
12. 

    vonburgenstein
    Member

    Awesome! You're the man Ismael. Now to figure out how to change the appearance of that button for my own designs (but I won't put that on you). (Just want to change the text in the button image to read "Client Login" or "Client Portal" instead of "get in touch").

    Posted 9 months ago #
13. 

    Devin
    Moderator

    Glad Ismael could help :)

    Regards,

    Devin

    Posted 9 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.