Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 23, 2014 at 9:01 pm #372264
    Pointbreakd

    Is there a way to make the Team member image smaller on the mobile version of the site, and maybe make it come second after the text?

    Thanks!

    December 24, 2014 at 3:42 pm #372446
    Yigit

    Hi Pointbreakd!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 769px) {
.team-img-container {
width: 45%;
}}

    Cheers!
    Yigit

    December 29, 2014 at 8:12 pm #372776
    Pointbreakd
    This reply has been marked as private.
    December 29, 2014 at 9:11 pm #372806
    Pointbreakd

    I’ve figured out for #4 that I can eliminate the line by changing the border colors under styling. However, that makes the short separator disappear. I can do a custom separator, but I like how there is no space between the icon and the lines (I like how it’s all connected with the short separator).

    December 30, 2014 at 10:51 am #372996
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
.team-img-container {
margin: auto;
}}

.home div#av_section_2 a:hover {
color: orange;
}

.home div#after_section_3 {
display: none;
}

    Please go to Enfold theme options > Footer and check “Social Icons”

    Best regards,
    Yigit

    December 30, 2014 at 2:53 pm #373113
    Pointbreakd

    Awesome! Except I don’t want the social icons in the socket, I want them in the footer (and to fill with color with hover).

    December 30, 2014 at 2:57 pm #373114
    Yigit

    Hi!

    Can you please firstly add social icons to socket so i can take HTML code and post it to you so you can insert it to one of the footer widget areas? :)

    Cheers!
    Yigit

    December 30, 2014 at 4:22 pm #373154
    Pointbreakd

    Ok – I added the social icons to the socket.

    December 30, 2014 at 4:26 pm #373159
    Yigit

    Hey!

    Please add this code inside a text widget in Appearance > Widgets – http://pastebin.com/LGgxeSwq
    Then add following code to Quick CSS in Enfold theme options under General styling tab

    #footer .social_bookmarks li {
clear: none!important;
border: none !important; 
}

    Best regards,
    Yigit

    December 30, 2014 at 4:39 pm #373169
    Pointbreakd

    Thanks, but can we make them bigger with circles around the icons like I had them before? Also is there a way to make them pop-in like I had?

    December 30, 2014 at 4:44 pm #373176
    Yigit

    Hi!

    Please add following code to Quick CSS as well 

    #footer .social_bookmarks li a {
border-radius: 100px;
font-size: 20px;
border: 1px solid #e2e2e2;
color: #e2e2e2;
}

    If you mean sonar effect, unfortunately it only works on Icon element. If you liked that look better, you can undo the changes

    Regards,
    Yigit

    December 30, 2014 at 5:00 pm #373180
    Pointbreakd

    Thanks, yes I switched it back. It looks better this way. So there’s no way to do a color change on hover with the icon element?

    December 31, 2014 at 3:13 am #373400
    Ismael

    Hey!

    It is possible. Enable the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Use “icon-custom-hover” on the Custom CSS Class field for example. Add this on Quick CSS:

    .icon-custom-hover span:hover {
color: red;
}

    Please open a new thread for new inquiries. For further modifications, please visit Envato Studio or Werkpress.

    Regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.