Read More "Arrow" changes to "?" - Support | Kriesi.at

Tagged: list, post slider, read more

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
October 22, 2014 at 11:23 am #339441

cd2s
Participant

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

October 23, 2014 at 1:47 am #339881
Ismael
Moderator
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
October 23, 2014 at 3:55 am #339919

cd2s
Participant

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 →

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

October 24, 2014 at 6:40 am #340466

Ismael
Moderator

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

October 24, 2014 at 6:54 am #340467

cd2s
Participant

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

October 25, 2014 at 5:24 am #340898

Ismael
Moderator

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

November 4, 2014 at 7:28 am #345747
cd2s
Participant
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 →

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

Read more ?

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, 11 months ago by cd2s.
November 4, 2014 at 8:22 am #345754

cd2s
Participant

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

November 5, 2014 at 4:49 pm #346619

Andy
Inactive Moderator

Hi!

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

Regards,
Andy

November 6, 2014 at 2:02 am #346913

cd2s
Participant

This reply has been marked as private.

November 8, 2014 at 3:28 am #348047
Ismael
Moderator
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
November 13, 2014 at 8:48 am #350591

cd2s
Participant

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

November 13, 2014 at 4:45 pm #350712
Yigit
Keymaster
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
November 14, 2014 at 1:22 am #351045

cd2s
Participant

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

Posts