Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #339441

    Hi,

    I have been using your enfold theme on the following website

    http://www.essenceofyoga.com.au

    I now have a couple of issues:

    // When I manually ad a “read more” link with the arrow (tried ascii, HTML ie → and →) and it keeps converting it into a ? You can see this in the middle of the home page under “About”…

    I researched and also added classes as per suggestions in the forum but none of them help or work.

    // Is there a way I can change the bullet point list to be with a dash rather than a dot?

    // Also, on a retina display the post slider looks very blurry. The fonts are fuzzy and so are the images.

    Would appreciate any input.

    Thanks so much & all the best, Corina

    #339881

    Hi Corina!

    Thank you for using Enfold.

    Please look for the html entity code of the arrow here: http://text-symbols.com/html/

    Change the list style type with this:

    ul, ul li {
    list-style-type: circle;
    }

    Refer to this link for the list of available markers: http://www.w3schools.com/cssref/pr_list-style-type.asp

    Regarding the post slider, edit the element then look for Preview Image Size. Choose manual thumbnail then select a larger thumbnail size.

    Regards,
    Ismael

    #339919

    Hi Ismael

    Thanks for getting back to me.

    Arrow
    What you suggested is exactly what I am doing. This is the code I have in the text box:
    Read more <span class=”more-link-arrow”>→</span>

    Once I save and click update it stays for a few seconds and then it changes the → to a ? … I have tried numerous times and it keeps changing it.

    List Style
    I know how to change the list style to any of the other symbols but it does not contain a dash – as an option, which is what my client would like. I will try again but I had issues that it affected the indent on other lists without a symbol. but will try and write in if I have issues again. Thanks.

    Post Slider
    The issue is not just the image, it is that image and text are fuzzy on a retina display.

    Thanks & kindest Regards,
    corina

    #340466

    Hi!

    If the list-style-type is not working, the css content property will do. Please refer to this link: http://www.w3schools.com/cssref/pr_gen_content.asp

    Did the images improve on retina display when you select a larger image size?

    Cheers!
    Ismael

    #340467

    Hi Ismael

    Thanks for getting back to me. My main concern at this stage is not the list-style, it is the ? in the “Read More” link as per my description above.

    the images are selected at the larger image size. It is generally also the fonts and images that are fuzzy and not clear on retina.

    Thanks, Corina

    #340898

    Hi!

    I tested the arrow code on my installation and it works fine. Checking the site again and it is rendering the arrow properly. I’ll ask the rest of the support team to check the site on retina display.

    Best regards,
    Ismael

    #345747

    Hi

    Just wondering if you had any info on the arrow? It seems to render it now on the home page (in the about section), so I applied it to the Teachers page and it does the same thing… I paste the following code into the text box:

    Read more <span class=”more-link-arrow”>→</span>

    When I save it, it renders fine for 1 minute and then it changes it to the following code:

    Read more <span class=”more-link-arrow”>?</span>

    Not really sure what to do as I think the code is correct… also I just checked on a non retina display and it does not render it correctly on the teachers page.

    Thanks & all the best, Corina

    • This reply was modified 9 years, 8 months ago by cd2s.
    #345754

    also I changed the ul style but for some reason I cannot remove it on this page (sidebar widget)

    http://www.essenceofyoga.com.au/journal/

    When I check in Firefox the ul does not have any class assigned and if I change the default ul in css it doesn’t affect it.

    Thanks,
    Corina

    #346619

    Hi!

    could you please give us admin access? we like to have a closer look. Post it here as a private reply.

    Regards,
    Andy

    #346913
    This reply has been marked as private.
    #348047

    Hey!

    Instead of adding the symbol manually, use css to place the hex code of the arrow on a content property. Add this on Quick CSS or custom.css:

    span.more-link-arrow:after {
    content: '\2192';
    }

    Cheers!
    Ismael

    #350591

    Hi Ismael

    That worked perfectly. I just had to custom name the arrows, as it put a double arrow on the post slider. But that is now sorted. Thanks so much.

    I still have one open question, which is regarding the Post Slider.

    The test appears fuzzy on a retina display. I tried to take a screenshot so you can see the difference… left “about” is crisp and clear, right the post slider, text is fuzzy. https://www.dropbox.com/s/d2z0f1h5j85ywqt/2014-11-13_17-44-54.jpeg?dl=0

    Any ideas why? Thanks so much & all the best,
    Corina

    #350712

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap { 
    -webkit-perspective: 0px; }

    Cheers!
    Yigit

    #351045

    Awesome Yigit. That worked perfectly.
    Thanks so much for all your help and support.
    Happy Weekend.
    Corina

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Read More "Arrow" changes to "?"’ is closed to new replies.