Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 26, 2016 at 10:02 am #665195
    Sadegh

    Hi Kriesi Team,

    I have a few questions:
    (please find my website address in the private area)

    1- How can I change the color of “header social icon” from the current color to the “white” or “transparent”?
    .
    2- I also want to change the color of IN (LinkedIn) on this part to the gray, how may I do that?
    —
    3- How can I change both “border color” and “text color” of this button, while it is still has a transparent background?
    .

    3- Also, is there a way I could change the width of that button?
    —
    4- How can I change menu font-weight to 300?
    .
    —
    5- I need to align this part to the right, would you please tell me how to do that?
    .
    —
    6- I don’t know where this blank gap come from. How to remove it and make it start from the first part of the paragraph?
    .
    —
    7- In the footer, I want to align them all in the center, how is it possible?
    .
    —
    8- How may I change “Search icon” color?
    —
    9- I need to move this button a bit more to the right side (near the motorcycle)
    .
    —

    Kind regards

    • This topic was modified 8 years, 4 months ago by Sadegh.
    July 26, 2016 at 10:06 am #665197
    Sadegh

    I also made a temporary account for you if you need to take a look inside (please find it in the private area)

    July 28, 2016 at 5:38 am #666045
    Ismael

    Hi,

    Thank you for using Enfold.

    1.) Are you referring to the top bar? Please add this in the Quick CSS field:

    .header_color #header_meta {
    background: red;
}

    2.) For the linkedin icon use this:

    .responsive #top #header_meta .social_bookmarks li a {
    color: gray;
}

    3.) CSS for the button:

    #top .avia-button.avia-color-dark {
    color: red;
    border-color: blue;
}

    4.) Change the font weight of the menu items with the following:

    .av-main-nav > li > a {
    font-weight: 300;
}

    Please create a separate thread for each inquiry. Thank you.

    Best regards,
    Ismael

    July 28, 2016 at 7:30 am #666065
    Sadegh

    Hi Ismael,

    Thank you, so I will create another thread for the rest of my questions.
    And about your codes:
    –
    * About that Linkedin icon, thanks, it works. And when I move the mouse over it, I want the icon (just the in icon) color turns into the white; is it possible by a code?
    .
    –
    * And about your code in number 3, I made a custom css class for that button (name: .hmp-button ) and I added this below code instead, but it doesn’t work:

    #top .hmp-button {
    color: red;
    border-color: blue;
}

    Let me know please how can I correct the code.
    Regards

    • This reply was modified 8 years, 3 months ago by Sadegh.
    August 1, 2016 at 4:24 am #667122
    Ismael

    Hi,

    Add this css code to change the color on hover:

    .responsive #top #header_meta .social_bookmarks li:hover a {
    color: #ffffff;
}

    Remove the dot in the custom css class field. Use “hmp-button”, not “.hmp-button” then replace the css code with the following:

    #top .hmp-button a {
    color: red !important;
    border-color: blue !important;
}

    Best regards,
    Ismael

    August 1, 2016 at 8:40 am #667146
    Sadegh

    Hi Ismael,

    Thanks a lot for your clarification and help.
    (you may now close the thread)

    Regards,
    Sadegh

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘questions’ is closed to new replies.