Tagged: list, post slider, read more
-
AuthorPosts
-
October 22, 2014 at 11:23 am #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
October 23, 2014 at 1:47 am #339881Hi 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,
IsmaelOctober 23, 2014 at 3:55 am #339919Hi 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,
corinaOctober 24, 2014 at 6:40 am #340466Hi!
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!
IsmaelOctober 24, 2014 at 6:54 am #340467Hi 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 #340898Hi!
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,
IsmaelNovember 4, 2014 at 7:28 am #345747Hi
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 10 years ago by cd2s.
November 4, 2014 at 8:22 am #345754also 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,
CorinaNovember 5, 2014 at 4:49 pm #346619Hi!
could you please give us admin access? we like to have a closer look. Post it here as a private reply.
Regards,
AndyNovember 6, 2014 at 2:02 am #346913This reply has been marked as private.November 8, 2014 at 3:28 am #348047Hey!
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!
IsmaelNovember 13, 2014 at 8:48 am #350591Hi 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,
CorinaNovember 13, 2014 at 4:45 pm #350712Hey!
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!
YigitNovember 14, 2014 at 1:22 am #351045Awesome Yigit. That worked perfectly.
Thanks so much for all your help and support.
Happy Weekend.
Corina -
AuthorPosts
- The topic ‘Read More "Arrow" changes to "?"’ is closed to new replies.