Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 30, 2017 at 6:55 pm #801630
    michellerunge

    Hi!
    I have created a topic last week with some questions, but since I didn`t got answer yet and I have 3 new questions I decided to put it all in 1 topic.

    Before I bought the theme I sent you guys an email, a few months ago, with some customization questions, you sent me a reply saying you can help me with that. That is why I bought the theme =)

    It would be lovely if you are able to help me now, since I have already started biulding my website!

    1.1 – Post Slider Border and Hover: Your PostSlider does not have many options… I would like to have a border on the featured image, each category would have a diffetend border color. I would like to change the Hover color too, the default is in black, one color for each category showing the post title. You can See the layout I imagined here: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view?usp=sharing
    Can you help me to add a border and change the hover color to blog thumbnail ?

    1.2- Post Slider Arrows: The default layout shows the arrows on the top of the images, this does not work for me because I need the arrows on left and right sides of the images. You can See the layout I imagined here: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view?usp=sharing
    How can I change the arrows to this position and customization?

    2- Blog Exerpt: In one moment, using the Post slider I will use it with exerpt. But I would like to have this exerpt in a colorfull background. Like This: https://drive.google.com/file/d/0B9Cl0WGu5B3Bc3p6M1lmOV9zZ2c/view?usp=sharing How can I do that?

    3 – Masonry Portfolio: I am using the masonry gallery to display my portfolio. I just want to change the hover color and size, and to display a small subtitle under the title. Can you help me to do that? The Layout I imagined is this: https://drive.google.com/file/d/0B9Cl0WGu5B3BcGlXSkRSRkNmYnc/view?usp=sharing

    4 – Image hover Circle: I have some images that are not circles but I want a hover on a circle format. It would be the normal circle hover effect you already have, but in a different shape image. I`ve uploaded a image showing my layout: https://drive.google.com/file/d/0B9Cl0WGu5B3BaXF3cjZITDNURGc/view?usp=sharing
    Is it possible to do that?

    5 – Menu: I have a lot of things on my menu, and this is making the items go on top of the logo. Like This: https://drive.google.com/file/d/0B9Cl0WGu5B3BNWlkdEdRdjZIR0E/view?usp=sharing
    I couldn`t find an option to reduce the space beetwen the menu items… Can you tell me how I should do it?

    I am sending you my website informations on private content, so you can check all you want . =)

    Thanks in advance for your help!

    May 31, 2017 at 4:59 am #801776
    John Torvik

    Hey michellerunge,

    I`ve seen that your site is in Portuguese and I speak this language because I am living in Brazil. Do you prefer that I help you in Portuguese or English?

    Best regards,
    John Torvik

    May 31, 2017 at 1:43 pm #801998
    michellerunge

    Hi John!

    If it can be portuguese it would be easier for me! Thanks!

    But if in any case you prefer to talk in english that is ok for me too!

    Obrigada e aguardo!

    June 1, 2017 at 2:03 pm #802545
    michellerunge

    Hi john!

    Você sabe quando poderá me dizer os códigos? Tenho uma deadline aqui aí pr visava me programar!

    Muito obrigada pela ajuda, fico aguardando.

    Att

    June 2, 2017 at 5:11 pm #803108
    michellerunge

    Hi!

    Can somebody please help me? I have a deadline…

    Still waiting!

    Thanks!

    June 5, 2017 at 6:28 pm #804086
    Yigit

    Hi,

    1 & 3 – I believe these ones are resolved in their own threads already. If they are not, please reply on those threads and we will continue there :)

    2- Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your Post Slider element and give it a custom CSS class (“custom-slider” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .custom-slider .slide-entry-excerpt {
    background: orange;
    padding: 10px;
    margin: 20px;
    margin-top: 0;
}

    4- We are going to use custom CSS class for this one too (as in #2). Please edit your element and give it a custom CSS class (“circle-overlay” in example) and add following code to Quick CSS

    .circle-overlay .image-overlay {
    border-radius: 1000px!important;
}

    5- Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Best regards,
    Yigit

    • This reply was modified 7 years, 5 months ago by Yigit.
    June 5, 2017 at 7:29 pm #804103
    michellerunge

    Hi Yigit!

    Thyank you for the reply!

    Everything workerd but the hover circle.. The images still with an rectangle hover and not a circle… You can see this happening in this link:
    http://unpackdesign.com.br/quem-somos/

    Do you have a different code for me?

    Thank you very much!

    • This reply was modified 7 years, 5 months ago by michellerunge.
    June 5, 2017 at 9:28 pm #804175
    Yigit

    Hi,

    Yes, please try adding following code to Quick CSS

    .circle-overlay .av-image-caption-overlay-position, .circle-overlay .av-image-caption-overlay-position *, .circle-overlay .av-caption-image-overlay-bg {
    border-radius: 1000px;
}

    Best regards,
    Yigit

    June 6, 2017 at 12:05 am #804232
    michellerunge

    Hi Yigit!

    The code you gave me works!

    The circle was too big, so I did this: 

    .circle-overlay .av-image-caption-overlay-position, .circle-overlay .av-image-caption-overlay-position *, .circle-overlay .av-caption-image-overlay-bg {
    border-radius: 1000px;
width: 80%;
    height: 80%;

}

    But is looking weard, it is not centralized. Can you help to make the circle and the informations centralized?

    thank you one more time!

    June 6, 2017 at 1:09 am #804248
    Yigit

    Hi!

    Please remove height and width values from your code and use following one instead and adjust values as needed 

    .circle-overlay .av-image-caption-overlay {
    width: 80%;
    height: 80%;
    left: 25px;
    top: 22px;
}

    Cheers!
    Yigit

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