shape

This topic has 5 replies, 3 voices, and was last updated 6 years by Abe.

Author
October 21, 2018 at 17:03 #211978

emmanuel
Participant

hello could these button edges become a little more rounded see attachment

Attachments:
You must be logged in to view attached files.
October 21, 2018 at 17:31 #211982

Kieran_SQ
Moderator
Hi,

The CSS would be as follows.

Login button (as is)
COPY CODE
```
li.header-login-button a {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
```
Login button (all corners)
COPY CODE
```
li.header-login-button a {
    border-radius: 10px !important;
}
```
Sign up button (as is)
COPY CODE
```
li.header-register-button a {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
```
Sign up button (all corners)
COPY CODE
```
li.header-register-button a {
    border-radius: 20px !important;
}
```
Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 21, 2018 at 18:14 #211983

emmanuel
Participant

hi thanks could i get the same for the profile and logout buttons too
October 21, 2018 at 18:28 #211984

Kieran_SQ
Moderator
Hi,

Sure, they are as below

Profile
COPY CODE
```
ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
    -moz-border-radius-topleft: 3px !important;
    -webkit-border-top-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
```
Or for all corners
COPY CODE
```
ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
border-radius: 3px !important !important;
}
```
Logout
COPY CODE
```
ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
    -moz-border-radius-topright: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
```
Or for all corners
COPY CODE
```
ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
border-radius: 3px !important;
}
```
Change the 3px value to suit your needs.

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 21, 2018 at 19:35 #211985

emmanuel
Participant

hi thanks on the mobile website could you please help me to reduce the space in the profile see attachment and also make the facebook register button on the mobile website a little bigger

and finally on my post in the widget section could you make the title of the popular post bolder
https://www.eumello.com/dating-tips-and-advice/

username; admin
password; Uo8#3uttmkH9EUAr

Attachments:
You must be logged in to view attached files.

October 23, 2018 at 22:10 #212087

Abe
Keymaster

Hello @emmanuel

Please consider hiring a front-end developer for customization tasks since this is outside of our support scope.

If you find any issues or encounter problems please don’t hesitate to contact us.

We try to help with small changes as you saw.

Cheers

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
Author

Posts

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

The topic ‘shape’ is closed to new replies.

Attachments:

Attachments:

Search KB

Log in with your credentials

Forgot your details?