Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 25, 2017 at 4:05 pm #799627
    mleite1

    Hello, how do I centralize the social icons and address elements in the header? I mean horizontal alignment.

    I would like to request to increase the height of this header. See the example.

    LINK IMAGES

    HOW-ARE-YOU-NOW  TO  HOW-I-WANT-TO-LEAVE

    LINK SITE

    PRINCIPAL2

    May 25, 2017 at 5:31 pm #799659
    Sarah

    Hey mleite1,

    Please set your Header Phone Number/Extra Info to “Display in top bar at the left”,  then please put this in Quick CSS:

    #top #header_meta .phone-info {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    line-height: 2.0em;
    padding-top: 5px;
}

    You may modify the line-height and padding-top to suit your preference.

    Best regards,
    Sarah

    May 25, 2017 at 5:40 pm #799668
    mleite1

    Sarah, thank you for your return. But your code did not allow it to leave the way I showed in the image.

    Changing the padding-top: does not change the way I need it.
    Transform: the same thing.

    Test and see.

    May 25, 2017 at 5:58 pm #799680
    Sarah

    Hi,

    May we have admin access into your website so we can take a closer look? 

    Best regards,
    Sarah

    May 25, 2017 at 6:00 pm #799682
    mleite1

    Yes for sure.

    Infos below

    May 25, 2017 at 6:29 pm #799700
    Sarah

    Hi,

    Unfortunately, those login credentials do not work for me. Sorry, can you check them please?

    Best regards,
    Sarah

    May 25, 2017 at 6:30 pm #799703
    mleite1

    Sorry,

    May 25, 2017 at 6:39 pm #799710
    Sarah

    Hi,

    Thank you, that information works now.

    If you can, please update to the latest version of Enfold http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Sarah

    May 25, 2017 at 6:42 pm #799711
    Sarah

    Hi,

    I’ve commented out one line in FONTE HEADER INFO TEL END. The width:100% is conflicting with what we’re trying to do.

    /*FONTE HEADER INFO TEL END*/
.header_color .phone-info {
    font-weight: normal;
    font-size: 16px !important;
    font-weight: 200;
    font-family:'Roboto', Arial, sans-serif;
    color:#fff !important;
/*    width: 100%; */
}

    If it’s okay with you, you can remove it. :)

    Best regards,
    Sarah

    May 25, 2017 at 7:22 pm #799734
    mleite1

    Ok Sarah. It worked..

    Another question from the same subject.

    Is it okay to use this whole code to control the color of the phone-info header?

    / * COLOR HEADER PHONE-INFO * /
    .current-menu-item, .header_color .widget_nav_menu ul: first-child> .current_page_item, .header_color .widget_nav_menu ul: first-child> .current-menu-ancestor , .header_color .pagination .current, .header_color .pagination a, .header_color.iconbox_top .iconbox_content, .header_color .av_promobox, .header_color .toggle_content, .header_color .toggler: hover, .header_color .related_posts_default_image, .header_color .search- Counter, .header_color .container_wrap_meta, .header_color .avia-content-slider .slide-image, .header_color .avia-slider-testimonials .avia-testimonial-content, .header_color .avia-testimonial-arrow- .header_color .news-thumb, .header_color .portfolio-preview-content, .header_color .portfolio-preview-content .avia-arrow, .header_color .av-magazine .av-magazine-entry-icon, .header_color .related_posts.av -related-style-full a, .header_color .aviaccordion-slide, .header_color.avia-fullwi Dth-portfolio .pagination, .header_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .header_color .av-catalog-list li: hover, .header_color .wp-playlist, .header_color .avia-slideshow-fixed -height> li, .header_color .avia-form-success {
        Background: # 120A2A;
    }

    May 25, 2017 at 8:06 pm #799762
    Sarah

    Hi,

    It’s unnecessary to use all that, and it will affect elements that I don’t think you want to modify.

    Please use the following code to change the color of the phone-info:

    #top #header_meta .phone-info {
background-color: red !important;
}

    Please note that that only changes the background color of the phone information. If you want to change the color of the whole top bar, please use this instead:

    #header_meta .container  {
background-color: red !important;
}

    Please replace the red with the color you prefer. 

    Best regards,
    Sarah

    May 25, 2017 at 10:17 pm #799843
    mleite1

    Hello, I entered the code and the stick was left with the ends without the color. See the image below.

    Link IMAGE

    View post on imgur.com

    LINK SITE

    PRINCIPAL2

    May 27, 2017 at 11:31 pm #800659
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .header_color .container_wrap_meta {
background-color: #120A2A !important;}

    Please clear your cache :)

    Best regards,
    Mike

    May 29, 2017 at 4:15 pm #801135
    mleite1

    Tks….is ok now!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘HEADER INFO PHONE CUSTOMIZE’ is closed to new replies.