Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 11, 2019 at 4:15 pm #1089607
    lrobbins303

    I’m sure you have answered these questions already but I couldn’t find answer in forum…
    On the fullwidth easy slider I would like to customize the following:
    1. on the button: I don’t want any text on the button, I would like it to have a ARROW. Also can you position the button to be at the end of the CAPTION text?

    2. Can you set the container width for the title and caption to be the same and specify the width? The advanced styling container width setting on the enfold child screen seem to have no effect.

    3. How do you change the STYLING of the Title? It is set to ALL CAPS, and I want mixed case.

    Thank you very much for your support!!
    Lori Robbins

    April 14, 2019 at 12:10 am #1090469
    Mike

    Hey Lori,
    Sorry for the late reply, I took a look at your site and to change your titles to mixed case, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none !important; 
}

    This is for the title “Structural Engineering”, your h3 headings below it seem to have been typed in as all caps, please manually change.

    To set the slider container width for the title and caption to be the same and specify the width and set to mixed case:

    h2.avia-caption-title,.avia-caption-content p {
width: 300px !important;
}
div .slideshow_caption h2 {
    text-transform: none !important; 
}

    Please feel free to adjust the width to suit.

    To add a arrow to your button save it with no text or label, for this example I used the “light” button styling so it would just be a button border.
    Then use this css:

    .avia-slideshow-button::before {
  content: "\e889"; 
  font-family: entypo-fontello;
   font-size: 40px;
  color: #fff;
}

    and this is the result:
    2019-04-13-180532

    Best regards,
    Mike

    April 16, 2019 at 4:49 pm #1091566
    lrobbins303

    thank you Mike. It all worked great!
    Also how do you do the following:
    1. on the fullwidth slider button: I have the button set with light transparent. How do you remove the default white border?
    2. How do you get rid of the small gap between the slider caption and title boxes?
    Thank you again!
    Lori

    April 17, 2019 at 3:34 am #1091731
    Mike

    Hi,
    To remove the order around the button, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #wrap_all .avia-button.avia-color-light, #top #wrap_all .avia-button.avia-color-dark {
    border-width: 0px !important; 
}

    To remove the gap, please try this css:

    .avia-caption-content p,h2.avia-caption-title {
margin: 0px !important;
}

    Best regards,
    Mike

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