Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 24, 2015 at 2:33 pm #401425
    ACM

    hi there,

    1)how can i make a button like on http://kriesi.at “view themes or learn more”?
    2) how can i make the “twitter and facebook” button that pops out like on the kriesi start page.
    3) how to make the circle like on the right of “the basic”, also on the kiesi start page.

    maybe you can tell me that :)

    kind regards
    acm

    February 25, 2015 at 12:51 pm #401998
    Yigit

    Hey ACM!

    1- You can add following code to Code Block – http://pastebin.com/PEcLCUyj and then add following code to Quick CSS field in Enfold theme options under General Styling tab

    #top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button {
background: #000;
background: rgba(0,0,0,0.2);
border-color: #fff;
color: #fff;
padding-bottom: 11px;
text-decoration: none;
}
#top .avia-double-button {
letter-spacing: 1px;
padding: 13px 20px;
text-transform: uppercase;
font-size: 13px;
text-align: center;
min-width: 175px;
display: inline-block;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
border: 4px solid #fff;
text-decoration: none;
}

    2 & 3 – These are not easily possible without heavy customisation. You are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.

    Best regards,
    Yigit

    February 26, 2015 at 1:39 am #402413
    ACM

    hi Yigit,

    thanks for your answer. i test it like you told me, but i have a little problem – it looks very strange, not like the button on the side.
    if you want to take a look – http://imagizer.imageshack.us/a/img673/3936/QOeLzF.png

    it would be nice if you can help me, that the button looks the same.

    thanks for your help.

    best regards
    acm

    February 26, 2015 at 5:47 pm #402843
    Yigit

    Hey!

    Can you post the link to your website please?

    Best regards,
    Yigit

    February 26, 2015 at 11:31 pm #403062
    ACM
    This reply has been marked as private.
    February 27, 2015 at 1:39 pm #403384
    Yigit

    Hi!

    I added following code to Quick CSS as well 

    #top .avia-double-button-1 {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-right-width: 2px;
}
#top .avia-double-button-2 {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-left: none;
}
#top .button_or {
position: absolute;
display: block;
height: 26px;
line-height: 21px;
width: 26px;
text-align: center;
top: 50%;
left: 36%;
margin: -13px 0 0 -14px;
background: #fff;
color: #666;
border-radius: 100px;
font-size: 10px;
border: 2px solid #FFF;
font-style: italic;
font-weight: 600;
z-index: 11;
}
#top #wrap_all .main_color .avia-slide-wrap .avia-double-button:hover, #top #wrap_all .main_color .avia-hover-fx .avia-double-button:hover {
background: #42a0bd;
color: #fff;
}
#top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button {
background: #000;
background: rgba(0,0,0,0.2);
border-color: #fff;
color: #fff;
padding-bottom: 11px;
text-decoration: none;
}

    Please review your website

    Best regards,
    Yigit

    February 27, 2015 at 9:12 pm #403652
    ACM

    hi Yigit … thanks so much for your help :)

    best regards
    acm

    March 1, 2015 at 6:50 pm #404141
    Andy

    Hi!

    glad it’s working for you. Let us know when you need any more help.

    Best regards,
    Andy

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