Some issues with colours and bullet points
By Donna Woodrow on Friday, 22 July 2016
Posted in Technical Issues
Likes 0
Views 524
Votes 0
Hi,

We have a problem that we're not sure how to resolve.. could you please assist?

Please take a look at the posts on our website. For example there is one titled "The Enneagram in Business"

1. You will see that in the back end, where we create the post there is a numbered list in the post, but the published post on the website, it is displaying as bullet points...

2.We would like to make the links a consistent colour, so I highlight the link text with my mouse and I try to change the colour by inputting a HEX code, but the interface won't let me enter a colour with a code, it only lets me use the colour picker tool. This is really difficult to get the same colour every time. How can I highlight and select some text and change the colour?

I thought this might be a problem with my browser, but I have tried both Chrome and Mozilla Firefox.

Also, I have noticed that if I dont highlight any text, then the software does allow me to enter a HEX code using the keyboard.

Thanks & Kind Regards,
Donna
Hi Alex,

That's no problems.. I know you guys don't work on Weekends, so I appreciate the response, and please don't let me interrupt you from enjoying your weekend!
I have been trying to resolve this myself so maybe you didn't have to worry about it by monday.

Actually I might have found a solution.. I added 

/* BLOG unvisited link */

a[class=""] {

    color: #009ca7 !important;

}


to my custom.css file... so far it's working. Please close this ticket.
Donna Woodrow
·
Saturday, 23 July 2016 15:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Donna,
1. You will see that in the back end, where we create the post there is a numbered list in the post, but the published post on the website, it is displaying as bullet points...

I checked your site and it seems that your template is defining the list-style-type to be in bullet points. I have helped you apply a fix by inputting a custom css code at JoomlaFolder/templates/wisten/html/com_easyblog/styles/custom.css
This is the code I used:
div#fd.eb ol, ul {

    list-style-type: decimal !important;

}

2.We would like to make the links a consistent colour, so I highlight the link text with my mouse and I try to change the colour by inputting a HEX code, but the interface won't let me enter a colour with a code, it only lets me use the colour picker tool. This is really difficult to get the same colour every time. How can I highlight and select some text and change the colour?

This is a known issue with the EB built-in composer. This issue has already been logged in our tracker. In the meantime, I suggest that you use the JCE editor instead since it has the hex editing ability. If you want to hex edit previously created post using EB composer, you have to copy the contents and recreate those post using JCE editor instead because you cannot switch composers for previously created blog posts.
Hope this helped.
Raymond
·
Friday, 22 July 2016 16:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Raymond,

Thanks so much for your help! I appreciate you changing the css class, even though you didn't have to.

Also, I started using the JCE Editor and now all my posts are displaying weird on the site! :s It's like the second post is embedded within the first post...? Any ideas?

Thanks & Kind Regards,
Donna
Donna Woodrow
·
Saturday, 23 July 2016 14:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry Raymond, just thought I'd add more details as I was thinking about this issue... and I tried something.

We would prefer to continue using the default easy blog editor and would prefer to use just 1 style /colour for all of the links on all blog posts. So I think we should be able to achieve this by creating a css style in the custom.css?

I tried doing this but it's not working. I added the following code to my custom.css

/* BLOG unvisited link */

.ebd-block a:link {

    color: #009ca7 !important;

}



/* BLOG visited link */

a:visited {

    opacity: 0.8;

}



/* BLOG mouse over link */

a:hover {

    opacity: 0.8;

}



/* BLOG selected link */

a:active {

    opacity: 0.8;

}


And in the Inspector tool, it seems to be showing as though the style is working.. but on the website - it's not working, it's still showing black.

Appreciate any help you can offer.
Kind Regards,
Donna
Donna Woodrow
·
Saturday, 23 July 2016 15:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

Perhaps you can direct point me which post you referring so I can directly look into this?

If possible provide us with some screenshot.
Arlex Wong
·
Saturday, 23 July 2016 15:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
Arlex Wong
·
Sunday, 24 July 2016 15:02
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post