Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2016 at 7:43 am #666068
    Sadegh

    Hi Kriesi Team,
    (please find the address of the website in the private area)

    ———
    1- In the footer, I want to align the titles all in the center, how is it possible?
    .
    ———-
    2- How may I change the “Search icon” color?
    ———-
    3- I need to move this button a bit more to the right side (near the motorcycle) and also change its only Border and Text color, whilst the background is transparent.
    (it would be great if you could give me kind of code that I could put it as custom css class because it is much better)
    .

    Regards

    July 28, 2016 at 3:29 pm #666287
    Andy

    Hey Sadegh,

    1.) Use this code inside Quick CSS field:

    .widgettitle {
text-align: center;
}

    2.) Use this code:

    #menu-item-search a::before {
color: red;
}

    3.) Use this code:

    .avia-button-wrap.avia-button-center.avia-builder-el-26.avia-builder-el-no-sibling {
margin-right: -50px;
}

    and adjust as needed.

    To turn on custom class for all alb elements check out this: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    Best regards,
    Andy

    July 28, 2016 at 10:46 pm #666428
    Sadegh

    Hi Andy,
    Thank you for your reply.
    –
    About Number 2:
    How the background color could be changed? (the color of the box)
    .
    —
    About Number 3:
    As I mentioned before, I want to change the border color and font color of this button; while the background is in transparent.
    (your previous code doesn’t work. Plus, I already activated custom class and that is why I asked for a code which contains a custom class command to make all these changes)
    .
    —
    Regards,
    :)

    August 1, 2016 at 2:15 pm #667274
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #header input#searchsubmit {
    background: orange;
}
.your-custom-class a.avia-button {
    border-color: red!important;
    background: orange!important;
    color: green!important;
}

    P.S.: I cannot see custom class on your button. Please make sure to set it :)

    Regards,
    Yigit

    August 3, 2016 at 4:10 pm #668123
    Sadegh

    Hi Yigit,
    Thanks a lot for your help, it is all solved now :)
    (you may now close the thread)

    Regards,
    Sadegh

    August 3, 2016 at 4:12 pm #668125
    Yigit

    Hey!

    You are welcome :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing Color and a Button’ is closed to new replies.