Public Forums 71,145 posts

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#206177

Hi there, is there a way to make the option for editing front end articles more obvious? Purity III template only has a tiny carate that when clicked drops down a menu of options, I want to make this a larger button or at least more obvious.

Look at the image…

Front end editing will be a big part of our site and I will be using the articles a lot like a big wiki so it needs to be clear for the site editors!

Many thanks,

Jethro.

EDIT: Sorry! This is in the completely wrong forum category! Should go in the Purity III subforum. Apologies! :-[

---

Attachments:

1. 

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#569899

Hi, I have made some progress but I need help…

I need to change the code for the icon-cog:


<a class="btn dropdown-toggle" href="#" data-toggle="dropdown">
<span class="icon-cog"></span>
<span class="caret"></span>
</a>


to the fa-cog:


<a class="btn dropdown-toggle" href="#" data-toggle="dropdown">
<span class="fa-cog"></span>
<span class="caret"></span>
</a>


And then add the css


.btn.dropdown-toggle {
font-family: fontawesome;
font-size: 24px;
}


I have literally looked everywhere for the file to change the “icon-cog” code, where is it located?

Best regards,

Jethro.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569960

Hi @jethro,

May I know your site url so I can have a look at the problem first ?

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#569984

Hi there Adam, the site URL is http://www.metalbot.org/metalbot

Many thanks!

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#735058

Hi there Adam, the site URL is http://www.metalbot.org/metalbot

Many thanks!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#570138

Hi @jethro,

I forgot to tell you that I will have to login in order to see the edit icon, so please provide a temporary admin account via private reply too.

1 user says Thank You to Adam M for this useful post

1. jethro

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#570451

Okay, thanks for getting back to me! It seems like the template moves the location of “icon-cog” next to the carate…

In any case I will PM you the login credentials.

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#735515

Okay, thanks for getting back to me! It seems like the template moves the location of “icon-cog” next to the carate…

In any case I will PM you the login credentials.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#570507

Hi @jethro,

How about change the toggle drop-down to horizontal list instead ? Please confirm here, if you’re fine with it, I will update the CSS a little bit for you.

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#570526

<em>@Adam M 473273 wrote:</em><blockquote>Hi @jethro,

How about change the toggle drop-down to horizontal list instead ? Please confirm here, if you’re fine with it, I will update the CSS a little bit for you.</blockquote>

Sure no worries! Will you make the edit to the “custom.css” file? If so I need to make a copy so that I don’t override it later!

I really appreciate your help with this,

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#570663

Hi @jethro,

Please open file /templates/purity_iii/css/custom.css then add this code :

.article-info {
width: auto;
}
.article-aside .dropdown-toggle {
display: none;
}
.article-aside .dropdown-menu {
background: none;
border: none;
box-shadow: none;
display: block;
margin: 0;
padding: 0;
position: static;
min-width: auto;
}
.article-aside .dropdown-menu li {
border: medium none;
display: inline-block;
}
.article-aside .dropdown-menu li a {
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
}
.article-aside .dropdown-menu > li > a:hover,
.article-aside .dropdown-menu > li > a:focus {
background: none;
color: inherit;
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#735726

Hi @jethro,

Please open file /templates/purity_iii/css/custom.css then add this code :

.article-info {
width: auto;
}
.article-aside .dropdown-toggle {
display: none;
}
.article-aside .dropdown-menu {
background: none;
border: none;
box-shadow: none;
display: block;
margin: 0;
padding: 0;
position: static;
min-width: auto;
}
.article-aside .dropdown-menu li {
border: medium none;
display: inline-block;
}
.article-aside .dropdown-menu li a {
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
}
.article-aside .dropdown-menu > li > a:hover,
.article-aside .dropdown-menu > li > a:focus {
background: none;
color: inherit;
}

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#570704

<em>@Adam M 473485 wrote:</em><blockquote>Hi @jethro,

Please open file /templates/purity_iii/css/custom.css then add this code :

.article-info {
width: auto;
}
.article-aside .dropdown-toggle {
display: none;
}
.article-aside .dropdown-menu {
background: none;
border: none;
box-shadow: none;
display: block;
margin: 0;
padding: 0;
position: static;
min-width: auto;
}
.article-aside .dropdown-menu li {
border: medium none;
display: inline-block;
}
.article-aside .dropdown-menu li a {
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
}
.article-aside .dropdown-menu > li > a:hover,
.article-aside .dropdown-menu > li > a:focus {
background: none;
color: inherit;
}
</blockquote>

@adam M, you are a BOSS!

Words fail to express my gratitude, this is exactly what was needed.

Thanks for helping the project!

[Author]

Posts