Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 13, 2017 at 4:07 pm #888402
    AliAbabwa

    Dear support.
    I have a 2 questions:

    1.
    <span class=”av-seperator-icon” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>
    I need the icon to be more size. It’s so small…

    2.
    Video question:

    December 14, 2017 at 1:22 am #888681
    Jordan Shannon

    Hey AliAbabwa,

    For question #1 where is the icon located?

    Best regards,
    Jordan Shannon

    December 14, 2017 at 11:28 am #888828
    AliAbabwa

    https://netpics.org/image/GrBLP

    December 14, 2017 at 10:07 pm #889121
    Basilis

    Hi,

    Add the following CSS

    span.av-seperator-icon {
 font-size: 58px !important;
}

    Thak you

    Best regards,
    Basilis

    December 15, 2017 at 12:28 pm #889263
    AliAbabwa

    Thank you, Basilis.
    It works)
    And what about 2. Video question?

    December 16, 2017 at 10:46 pm #889713
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .hr-custom.hr-icon-yes .hr-inner {
    margin-left: 0px!important; 
    margin-right: 0px!important; 
    width: 50% !important; 
}

    please see screenshot in Private Content area

    Best regards,
    Mike

    December 19, 2017 at 11:04 am #890401
    AliAbabwa

    Thank you Mike.
    But the icon is not in the center of hr:
    https://netpics.org/image/GjCkH
    https://netpics.org/image/GjeKf
    In video question I told about icon to be in the center of hr.

    December 21, 2017 at 7:18 pm #891284
    Victoria

    Hi AliAbabwa,

    Try like this

    
.hr-custom.hr-icon-yes .hr-inner {
    margin-left: 0px!important;
    margin-right: 0px!important;
    width: 45% !important;
}

    Best regards,
    Victoria

    December 22, 2017 at 11:00 am #891528
    AliAbabwa

    Dear Victoria.
    Look my first post please, video question from 2:22

    I need hr line 100% of block…

    and so on.

    “width: 45% !important;”
    In this case hr line is not 100% of block.

    • This reply was modified 6 years, 12 months ago by AliAbabwa.
    December 23, 2017 at 2:51 pm #891808
    Mike

    Hi,
    Please try:

    .hr-custom.hr-icon-yes .hr-inner {
    margin-left: 0px!important; 
    margin-right: 0px!important; 
    width: 48% !important; 
}
.hr-custom {
   width: 102%!important; 
}

    48% is the maximum width without the icon jumping out of center, but we will offset this by making the HR width 102% thus equaling the 50% you want.

    Best regards,
    Mike

    December 25, 2017 at 11:44 am #891980
    AliAbabwa

    Dear Mike.
    Unfortunately, this code doesn’t work.
    Look at my video question please.
    1. I need the hr line to be 100% of block in different resolutions.
    2. I need the icon to be right in the CENTER of this hr line in different resolutions.

    https://netpics.org/image/S49xr
    https://netpics.org/image/S4I7d

    December 26, 2017 at 11:42 pm #892094
    Mike

    Hi,
    Thanks for the screenshots, I’m going to need to research this a little more. Thanks a lot for your patience.

    Best regards,
    Mike

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