Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 8, 2017 at 4:31 pm #874237
    fkm

    Hello!
    Please let me know the code (quick css) to define the padding around the text at the ajax portfolio preview under the sliders on mobile devices.
    Thx a lot.

    November 9, 2017 at 11:08 pm #874867
    Yigit

    Hey,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
.responsive .ajax_slide .av_table_col {
    padding: 30px 0;
}}

    Best regards,
    Yigit

    November 10, 2017 at 10:46 am #875095
    fkm

    Hi Yigit,

    it works – great!
    Thank you so much.

    Beyond that:
    is there a possibility to change the navigation bar (arrows and “x” for next/prev/close preview) at the ajax portfolio easily (quick css)?
    I´d like to remove/transparent the background color of it (on hover and in general) and just keep the arrows and the “x”.
    Also I´d like to hide the circle around the “x” and show it in an active color – similar to the arrows.

    Thanks in advance.

    Best regards, FKM

    November 12, 2017 at 7:21 pm #875791
    Mike

    Hi,
    Try this code, and adjust the color to suit:

    .alternate_color .ajax_controlls a:hover {
    background-color: transparent!important; 
    color: #181818!important; 
    border-color: transparent!important; 
}

    the X is a entypo-fontello icon font, do you have a idea what you would like to replace it with?

    Best regards,
    Mike

    November 13, 2017 at 10:56 am #876020
    fkm

    Hi Mike,

    first of all thank you very much – the code worked.

    Actually I´d like to keep the X. I would just like to hide/remove the circle around it.

    Best regards, FKM

    November 15, 2017 at 5:08 am #876906
    Ismael

    Hi,

    You can’t remove the circle because it’s part of the font icon but you can replace it with an x mark.

    .avia_close:before {
    content: 'x';
}

    Best regards,
    Ismael

    November 15, 2017 at 11:54 am #877054
    fkm

    Hi Ismael,

    thanks a lot for your reply.

    Unfortunatelly, to replace it with the letter x doesn´t lead to an aesthetic result.
    Is it possible to replace it with another font icon that looks similar to the current one (the icon colored without a dark circle surrounded)?

    Thanks in advance.

    Best regards, FKM

    November 16, 2017 at 6:33 am #877385
    Ismael

    Hi,

    Please try this filter in the functions.php file.

    // override close icon
function avf_default_icons_mod($icons) {
	$icons['close']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue813');
	return $icons;
}
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);

    Best regards,
    Ismael

    November 16, 2017 at 10:59 am #877438
    fkm

    Hi Ismael,

    ok, I´ll try to find out how to do this.

    Thanks a lot and best regards, FKM

    November 16, 2017 at 1:53 pm #877522
    Yigit

    Hi,

    You can simply add the code Ismael posted in Appearance > Editor > Functions.php file

    Best regards,
    Yigit

    November 16, 2017 at 3:48 pm #877583
    fkm

    Hi,

    just did it – successful.
    Mission: complete.

    Thanks so much, guys.

    Best regards, FKM

    November 16, 2017 at 6:15 pm #877647
    Yigit

    Hi,

    Glad we could help! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘reduce left space at portfolio preview content (text) under slider on mobile’ is closed to new replies.