- This topic has 11 replies, 2 voices, and was last updated 5 years, 2 months ago by
.
-
Posts
-
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
Customer Support
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); }Perfect, David 😉
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 changeThanks a lot
I edited the first part of the code above. You won’t see it on mobile as all the containers are full width.
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
I updated both of the CSS above.
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 caseI 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.
Looks perfect now! Appreciate your help, David!
Glad to be of help.
- You must be logged in to reply to this topic.