Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 24, 2018 at 2:03 pm #1001231
    peterolle

    Hello. I am about to migrate a website to Enfold and I am having some problems with my local tests.

    As I have to edit over 3000 posts to use the correct short codes I was trying to use a general code instead.

    For example this:

    
[av_iconlist position='right' iconlist_styling='av-iconlist-small' custom_title_size='' custom_content_size='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#149ce0' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-2o3q6tp' admin_preview_bg='']
[av_iconlist_item title='One: XXXXXXX' link='manually,https://site/tag/one-XXXXXXX/' linktarget='' linkelement='' icon='ue827' font='entypo-fontello' av_uid=''][/av_iconlist_item]
[av_iconlist_item title='Two: XXXXXXX' link='manually,https://site/tag/two-XXXXXXX/' linktarget='' linkelement='' icon='ue827' font='entypo-fontello' av_uid=''][/av_iconlist_item]
[av_iconlist_item title='Three: XXXXXXX' link='manually,https://site/tag/three-XXXXXXX/' linktarget='' linkelement='' icon='ue827' font='entypo-fontello' av_uid=''][/av_iconlist_item]
[av_iconlist_item title='Four: XXXXXXX' link='' linktarget='' linkelement='' icon='ue827' font='entypo-fontello' av_uid=''][/av_iconlist_item]
[/av_iconlist]

    Can be done with just this:

    <div class="icon-tags">
<a href="#" class="icon tags"> One: XXXXXXX</a>
<a href="#" class="icon tags"> Two: XXXXXXX</a>
<a href="#" class="icon tags"> Three: XXXXXXX</a>
<a class="icon tags"> Four: XXXXXXX</a>
</div>

    Having this in my CSS I can replicate the short code icons list.

    .icon-tags{
  float:right;
  text-decoration: none;
}

.icon:before {
  display: inline-block;
  font-family: 'entypo-fontello';
  text-decoration: none;
  speak: none;
}

.tags:before {
  content: "\E827";
  color:#ff33cc;
}

    That way if you update the theme removing the icon list or I change theme again, I will have no problems like I have right now.

    1- Fontello is called when using the short code but it is not when using my HTML. How to fix that ?
    2- Do you recommend another way of doing this ?

    The same happens to videos, I have 3 videos at the end of each post and I was thinking to use:

    [av_one_third first]
[av_video src='http://www.youtube.com/watch?v=XXXXXX' mobile_image='' attachment='' attachment_size='' format='16-9' width='16' height='9' conditional_play='' av_uid='']
[/av_one_third]
[av_one_third]
[av_video src='http://www.youtube.com/watch?v=XXXXXX' mobile_image='' attachment='' attachment_size='' format='16-9' width='16' height='9' conditional_play='' av_uid='']
[/av_one_third]
[av_one_third]
[av_video src='http://www.youtube.com/watch?v=XXXXXX' mobile_image='' attachment='' attachment_size='' format='16-9' width='16' height='9' conditional_play='' av_uid='']
[/av_one_third]

    Is there a way to use HTML or other thing so if you remove the short code in the future or I change theme, everything will still works ?

    I am trying to avoid future problems I am having right now for changing theme. That way if you remove short codes everything will keep working.

    Thank you.

    August 24, 2018 at 7:18 pm #1001354
    Vinay

    Hey peterolle,

    1. If you are using HTML and calling the font the font path should be added to the custom CSS.

    Please optimize the fonts and upload it to the CSS folder in the child theme and use the @font CSS provided in the font kit generator mentioned in the font optimization step in this link https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

    2. The videos should show up correctly when using shortcode please make sure the video URL format is correct. You can also enable debug mode and copy the working shortcode from the page.

    If you still have any issue please provide us with the WordPress login details to check this issue in the backend.

    Best regards,
    Vinay

    August 24, 2018 at 7:43 pm #1001369
    peterolle

    Can you please share what the font path is and how to add it exactly in the custom CSS ?

    Also, for both things, do you have any recommendation to do instead of short codes to avoid future problems ?

    Thank you.

    August 24, 2018 at 8:35 pm #1001391
    Vinay

    Hi,

    If you upload the fonts in CSS folder same as the stylesheets just use the default CSS code from the generator.

    To get the @font CSS code please go to the font kit generator site mentioned in the docs and upload your fonts. Download and check the CSS files for the @font block of CSS.

    Before making any bulk changes I would first take a backup of the site and run a SQL query on the database or use a bulk editor plugin.

    Best regards,
    Vinay

    August 24, 2018 at 9:39 pm #1001397
    peterolle

    The font is fontello, it comes with enfold: font-family: 'entypo-fontello';.

    So I don’t have to upload anything, I just need to know the path and way to call it correctly in the custom CSS box.

    Thank you.

    August 25, 2018 at 10:37 pm #1001782
    Mike

    Hi,
    To call the font, please follow this example:

    .image-overlay-inside:before {
    content: "\E869";
    font-family: 'entypo-fontello';
    font-size: 18px;
    font-weight: normal
}

    the font codes begin with a “U” which is replaced in the css with a “\”

    One observation though, if you are going to replace all of the shortcodes with HTML, then won’t you have to recreate each page and element as you add new content in the going forward?
    Another option could be to use the theme with the shortcode now, and in the future if you want to remove them, use the plugin Shortcode Cleaner Lite

    Best regards,
    Mike

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