Archived topic

2 requests

11 replies · Started by Elia on February 3, 2019

Viewing posts 1–12 of 12

February 3, 2019 at 11:03 pm #800643

Hi there,

1) How can I change all elements border color? I want to achieve the same as here https://woorkup.com/

I guess they use this code (not sure)
.separate-containers .inside-article {
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.35);
border: 1px solid rgba(0,0,0,.05);
border-radius: 3px;}

2) Also please take a look at our website (link attached for admins). How can we add the same border color to the bottom of the menu? We want the same color as we asked previously https://gyazo.com/03849dd88855020022ee3dba1ad07258

February 4, 2019 at 5:25 am #800846

Hi there,

that is the correct code used by woorkup - added here in code form for easier copy and paste.

.separate-containers .inside-article, .paging-navigation, .comments-area, .inside-right-sidebar aside, .inside-left-sidebar aside {
    box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.35);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 3px;
}

And for the header try this:

#masthead, #mobile-header {
    box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.35);
    border-bottom: 1px solid rgba(0,0,0,.05);
}

February 4, 2019 at 5:41 pm #801533

Perfect, David ;)

February 4, 2019 at 5:45 pm #801536

Sorry, David,

1) It seems that the code for the main menu doesn't work on the mobile version
2) Could you also give the code for the Widgets, Page numbers, Comments etc. ? So every element would match this change

February 4, 2019 at 5:46 pm #801537

Thanks a lot

February 4, 2019 at 6:03 pm #801547

I edited the first part of the code above. You won't see it on mobile as all the containers are full width.

February 4, 2019 at 6:09 pm #801551

Hi, David, thanks for the quick response!

I applied it temporary (in the live editor).

1) The widget looks strange. At the bottom and at the top it looks like this: https://gyazo.com/4a5aee09f765012b7d6d004c81747c14 it's like double borders

2) Can we do anything about the mobile menu? As you see here https://gyazo.com/2a8048897f94c4478434f25c91764c4b the top bottom line doesnot match the design of the new border elements. Please let me know if I'm not clear about this

February 5, 2019 at 5:41 am #801903

I updated both of the CSS above.

February 5, 2019 at 7:45 am #802154

Thanks a lot, David!

Sorry couple of things here.

1) The Widget borders look almost perfect, but still a little bit different than other elements.
2) Also the Previous/Next section has some borders from now on, it shouldn't be the case

February 5, 2019 at 8:30 am #802211

I made some tweaks to the code. Regarding the sidebar i have moved the shadow border to the widget which is fine with a single widget. Not sure what it'll do fi you add more individual widgets.

February 5, 2019 at 11:55 pm #802684

Looks perfect now! Appreciate your help, David!

February 6, 2019 at 4:00 am #802821

Glad to be of help.

This archived topic is closed to new replies.

Start building better websites today.