Tagged: ,

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • February 20, 2014 at 12:24 am #226503
    fashiontribe

    Hi I want to enlarge the area where I have put the phone number info and possibly change the color?

    February 20, 2014 at 12:25 am #226504
    fashiontribe
    This reply has been marked as private.
    February 20, 2014 at 11:47 am #226697
    jedasim

    Hi! I would like to change the size of the phone number in the header too. How can i do ? Thanks !

    February 20, 2014 at 3:11 pm #226792
    fashiontribe

    as you can see I have 3 lines of text coming out of that area. thanks

    February 20, 2014 at 3:36 pm #226821
    Ismael

    Hey!

    You can add this on Quick CSS:

    #header_meta {
min-height: 60px;
}

.social_header .phone-info span {
padding: 0;
margin: 0;
line-height: 16px;
}

    We’re being bombarded with inquiries right now so for further customization request, please visit Werkpress. Thank you.

    Regards,
    Ismael

    February 20, 2014 at 4:08 pm #226844
    fashiontribe

    ok, one other that was on this thread, changing the background color. thanks

    February 21, 2014 at 1:29 am #227178
    Yigit

    Hey!

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

    .header_color .container_wrap_meta { background-color: red; }

    Best regards,
    Yigit

    February 21, 2014 at 2:26 pm #227483
    fashiontribe

    That’s great, also found a place to change it in the styling section. The only other question is I have 3 lines of text there, how do align one line to the right and one line to the left? Thanks

    February 21, 2014 at 3:27 pm #227510
    Yigit

    Hey!

    Can you post a screenshot and show the changes you would like to make?

    Best regards,
    Yigit

    February 21, 2014 at 3:45 pm #227524
    fashiontribe

    if you click the above link to the site i want the phone number to go right and the other 2 lines to go left. was also wondering if I can move the icon boxes up so that the icon is in the slider a little bit? Thank you so much!

    February 21, 2014 at 3:49 pm #227525
    Yigit

    Hi!

    Please firstly remove http://i.imgur.com/iLJM1z3.jpg these are deprecated tags

    Cheers!
    Yigit

    February 21, 2014 at 3:53 pm #227526
    fashiontribe

    Okay, did that, now they are tiny again and aligned right

    February 21, 2014 at 4:01 pm #227532
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .social_header .phone-info { font-size: 15px; color: white !important; }

    You cannot seperate this 3 lines, but you can add two lines as secondary menu in Appearance > Menus and make them not clickable so it would look like a simple text

    Best regards,
    Yigit

    February 21, 2014 at 4:08 pm #227537
    fashiontribe

    but I would like them to be left of the number? can I I get them all in one area? with the gray background, at the top and phone to the right and text to the left?

    February 21, 2014 at 4:10 pm #227538
    fashiontribe

    and then I just need to know how to move my icon boxes up, thanks :)

    February 21, 2014 at 6:02 pm #227584
    fashiontribe

    .template-page.content.twelve.alpha.units {
    padding-top: 0;
    }
    I have used this to move the boxes up. The only issue on that is the icons go under the slider and I would like them on top of it.

    February 21, 2014 at 6:05 pm #227588
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .avia-layerslider { z-index: 1; }

    Best regards,
    Yigit

    February 21, 2014 at 7:38 pm #227631
    fashiontribe
    This reply has been marked as private.
    February 21, 2014 at 8:24 pm #227655
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .content { padding-top: 5px; }

    Regards,
    Yigit

    February 21, 2014 at 8:45 pm #227663
    fashiontribe

    Hey there
    That didn’t do it :(

    February 21, 2014 at 8:52 pm #227668
    Josue

    Try with this code:

    .home .content { 
    position: relative;
    top: -20px;
}

    Best regards,
    Josue

    February 21, 2014 at 9:15 pm #227682
    fashiontribe

    excellent!!
    there are 2 other items and that was regarding the slider positioning, the new header position is cutting off the top of the slider and the rss button is showing in mobile mode and the icon box is chopped off.

    • This reply was modified 10 years, 10 months ago by fashiontribe. Reason: I wasn't quite done with this question and it is related to the changes we made specific to this. thanks
  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Fixed Header with social icons change size and background’ is closed to new replies.