Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 3, 2014 at 1:39 pm #231505
    Tanya2105

    Hi!
    I Use fixed header with social icons and additional information.
    I put my phone number number at the right side of it using code you suggested before in this forum
    (this quick CSS )
    .social_header .phone-info {
    float: right; padding-top: 40px; }

    But the number is so small. Can I make it bigger?
    Also the social icons are very small…
    Thank you!

    March 3, 2014 at 2:23 pm #231514
    Yigit

    Hi Tanya2105!

    Please add following code to Quick CSS as well and adjust as needed

    .social_header .phone-info { font-size: 20px; }
#top .social_bookmarks li a { font-size: 18px; }

    Best regards,
    Yigit

    March 3, 2014 at 3:35 pm #231572
    Tanya2105

    Amazing, it works!
    Thank you Yigit!
    And now 2 more questions:
    1. Can I change also the color of the phone number\social icons?
    2. Can I use the 5-th option of header (with menu below the logo), but have it fixed?
    /thanx!

    March 3, 2014 at 3:41 pm #231574
    Yigit

    Hi!

    Please add following code to Quick CSS as well and adjust as needed
    1-

    .social_header .phone-info.with_nav span { color: red; }

    2-

    #header { position: fixed; }
#main { padding-top: 156px; }

    Best regards,
    Yigit

    March 3, 2014 at 4:48 pm #231619
    Tanya2105

    Thank you!
    2 – works
    1 – not… Is there importance to the order of commands in quick CSS?
    Thanks!

    March 3, 2014 at 4:51 pm #231622
    Yigit

    Hi!

    Have you flushed browsers cache after applying the code? If not, please do so.
    There may be a punctuation error in your custom CSS code in Quick CSS and that could stop code from applying. Please try adding the code to top of the Quick CSS and check if it works then.

    Regards,
    Yigit

    March 3, 2014 at 5:16 pm #231646
    Tanya2105

    Hi Yigit!
    That is what I’ve got

    .social_header .phone-info {
    float: right; padding-top: 40px; color: red; }

    .social_header .phone-info { font-size: 20px; }
    #top .social_bookmarks li a { font-size: 18px; color: red; }

    Just added color: red; inside (hope it is ok, at least it works. Kind of being proud of myself, never studied html or css :-) )

    March 3, 2014 at 5:19 pm #231650
    Yigit

    Hey!

    It looks great :)
    Do you mind creating a temporary admin login and posting it here privately so we can take a look why code is not being applied?

    Regards,
    Yigit

    March 3, 2014 at 5:29 pm #231666
    Tanya2105
    This reply has been marked as private.
    March 3, 2014 at 5:34 pm #231668
    Yigit

    Hi!

    Please try flushing browser cache and refresh your page a few times.
    Please also add following code to Quick CSS 

    #top .ls-nav-prev, #top .ls-nav-next { z-index: 300; }

    so slider navigation buttons will be under header when scrolled down
    EDIT: Forgot to attach screenshot http://i.imgur.com/DgAnxtN.jpg

    Cheers!
    Yigit

    • This reply was modified 10 years, 8 months ago by Yigit.
    March 3, 2014 at 6:37 pm #231730
    Tanya2105

    Hi!
    I did it!
    One more question, not urgent. The small fixed header becomes smaller while scrolling down. I like it. Can I do the same with this type of the header?
    Thanx!

    March 3, 2014 at 6:40 pm #231735
    Yigit

    Hi!

    It is possible, but you are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

    Cheers!
    Yigit

    March 3, 2014 at 7:04 pm #231749
    Tanya2105

    THanx!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Changing font size in header’ is closed to new replies.