Customization questions

[callixa]

Hi, I have several customization-related questions.

1. I couldn’t find in this forum how to change search form DROP-DOWN menu background and highlight color (white and light-blue in attachment)

[callixa]

2. Is it possible to add a TEXT instead of image at homepage by the side of search form? Please, see attachment. Please provide me with the guide on how to do this if it’s possible

[callixa]

3. I’d like to make both, LOG IN and SIGN UP buttons the same style, size and color. The short code for SIGN UP button that I found here in one of the topics

a.tiny.button.radius.btn-logout {
background: #e6e6e6;
color: black;
}

didn’t really work perfectly since after applying, SIGN UP button looks smaller then LOG IN. Please see attachment. Is there a way to fix it?
Thank you in advance

[Laura]

Hello, as its not a theme issue but a custom request i suggest to hire a developer to do the changes for you.
You can mail me at laura@seventhqueen.com

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Hi,
I’ve been searching for the answers to these questions through the support here and saw A LOT of similar quests, and those were answered here. Just was wondering how do you guys decide and sort – which requests deserved to be answered and which – to be sent to developers))?

[Laura]

Hello, it depends on the time and development it requires

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Ok then please disregard my second question regarding the text at the homepage.

But please answer how to customize the color of drop-down menu at search box and regarding the button color. Because these two things are basics and should be included in theme customization from admin-panel. It is the FACE of the site. Since this option was not included to be simply customized from admin panel, I’m as a customer forced to come here to ask for support. If you need – I can open two separate tickets on those issues.

[Laura]

Hello, please share admin credentials so i can check it out 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

http://runyourclan.com/wp-admin/
admin
Temporary#12345%

Thank you, Laura!

[callixa]

Just wanted to let you know, that someone from support team (I suggest, Radu) is currently working from my admin on another ticket (in case it matters).

[Laura]

Hello, try this css

COPY CODE

.button.secondary {
    background-color: green !important;
    color: white;
    border: 1px solid green !important;
}
.btn-profile .button.dropdown.split.tiny span {
    width: 25px;
    background: green !important;
}
.btn-profile .button.dropdown.split.tiny span:after {
    border-color: yellow transparent transparent transparent;
}
.btn-profile .button.dropdown ul, .button.dropdown.split.secondary span {
    background: red !important;
}
ul.no-hover.show-dropdown a {
    color: white !important;
}
#header .btn-profile .button.dropdown ul li:hover a:not(.button), #header .btn-profile .button.dropdown ul li:focus a:not(.button) {
    background-color: blue !important;
    color: #1D1D1D;
}
a.tiny.button.radius.btn-logout {
    background: green;
    border: green solid 1px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Thank you very much, Laura, it worked almost perfectly :).
The only thing, the drop down menu triangle now looks like on the LogOut button side, when it has to be at Profile button (see attachment).So it’s miising one boarder. I was trying to change it myself, but I do not have enough knowledge. Please, advise how to change it.

[callixa]

And also I’ve noticed that if logged out, the settings don’t apply to Sign Up button.

[Laura]

Hello, you can use

COPY CODE

a.tiny.button.radius.btn-logout {
    border-left: 1px solid #c3c3c3;
}
ul.button-group.radius.right li a {
    background-color: #e6e6e6 !important;
    color: black;
    border: 1px solid #e6e6e6 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Thank you, Laura. I know it’s hard to explain things to people who doesn’t have a minimum developer education, it’s frustrating, but the last CSS didn’t work for me.
If I add your CSS by default, without changing anything, there are still no boarder that separate correctly Log Out button (see attachment 1), and when logged out – there is no boarder as well (attachment 2).
If I try to customize your CSS changing the color of boarder, the boarder become visible when logged out (attachment 3), but at the same time it messing up the buttons when logged in (attachment 4).

[Laura]

Hello maybe there is a misunderstanding on the style, please share the style you want it to be so i can just copy that to your style.css 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Thank you Laura!
I just want to two things:

1) To move the boarder that divide “profile” and “login” buttons, so the drop-down menu is on “profile” button side.
2) To have a boarder between “login” and “sign up” buttons.
Thank you again!

[Laura]

Hello, try

COPY CODE

a.tiny.button.radius.btn-logout {
    border-left: 1px solid #c3c3c3 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Dear Laura, thank you for your effort.
I was trying my best to customize it on my own. But when I customize the buttons from log-in view, the buttons from log-out view change their settings too. When I change those, then then the first ones start looking ugly:(. The final result that I’m trying to reach is in attached two pictures.

1) This file is from Log-in view. I’d like to have “Profile” and “Log Out” buttons to look like this with this certain drop-down colors and backgrounds.

2) This file is from Log-out view that I’d like to have.

Is this achievable simultaneously?

Can you check please?

http://runyourclan.com/wp-admin
admin
Temporary#12345%

Thank you in advance.

[Laura]

Hello, replaced the codes with

COPY CODE

#header .btn-profile .button.dropdown  ul li:hover a:not(.button), #header .btn-profile .button.dropdown  ul li:focus a:not(.button) {
    background-color: #7c3341 !important;
    color: #1D1D1D;
}
li.header-register-button a {
    background: #e6e6e6;
    height: 26px;
    color: black;
    margin-top: -1%;
}
a.tiny.button.radius.btn-logout {
    background: #e6e6e6;
    background-color: #E6E6E6;
    color: #1D1D1D;
    border: 1px solid #E6E6E6;
    width: 95px;
    height: 24px;
}
li.relative.btn-profile .show-dropdown a {
    background: #5b0011;
    color: white !important;
}

OLD Code:

COPY CODE

.button.secondary {
    background-color: #e6e6e6 !important;
    color: white;
    border: 1px solid #e6e6e6 !important;
}
.btn-profile .button.dropdown.split.tiny span {
    width: 20px;
    background: #e6e6e6 !important;
}
.btn-profile .button.dropdown.split.tiny span:after {
    border-color: black transparent transparent transparent;
}
.btn-profile .button.dropdown ul, .button.dropdown.split.secondary span {
    background: #7c3341 !important;
}
ul.no-hover.show-dropdown a {
    color: white !important;
}
#header .btn-profile .button.dropdown ul li:hover a:not(.button), #header .btn-profile .button.dropdown ul li:focus a:not(.button) {
    background-color: #702528 !important;
    color:  #1D1D1D;
}
a.tiny.button.radius.btn-logout {
    background: #e6e6e6;
    border: #e6e6e6 solid 1px;
color: black;
}

a.tiny.button.radius.btn-logout {
    border-left: 1px solid #c3c3c3;
}
ul.button-group.radius.right li a {
    background-color: #e6e6e6 !important;
    color: black;
    border: 1px solid #c3c3c3 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Thank you Laura,
I’ve seen you’ve tried yourself to apply this code on my page. But I guess, this issue is going to take forever. Cause now this is the view from Explorer and Safari when logged out (attached) 🙁

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

The login and register buttons issue it’s caused by a bug and i will add this to bug list and future updates this will be fixed

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Hi
The theme was updated but the button styles still can’t be setup correctly. When LOG IN view style is good – the LOG OUT view is ugly. And opposit. I need both to look good.
Please, advise with the correct CSS code. The final result that I want is shown in pictures attached.
Thank you.

[Radu]

Are you referring to that missing icons for unlogged ?

I don’t think that it’s a theme bug cuz on demo the icons are shown for guest users , if you de-activate the child theme those will be shown ?

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[callixa]

Radu, can I have your email please, i have a question to ask about some developer services. Thank you

[Radu]

Hi,

You can contact our development team at this address dev@seventhqueen.com

Have a nice day

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts