Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

beatrizc

Circle Member
  • Posts

    33
  • Joined

  • Last visited

Everything posted by beatrizc

  1. Hi, You can try this. It targets the last item in your menu on both desktop and mobile: .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; } If you want to target only desktop, use this part: .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; } For only mobile, use this: .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; } You might want to alter the height of your header so the button fits properly.Also, you'll have to modify the width of the button in mobile if you want to keep the same style, otherwise it will look misaligned. Hope that helps. B.
  2. Hi, You can reduce the spacing between text styles by editing the top and bottom margins. However I wouldn't recommend making them all zero since some whitespace between text blocks improves readability. You can try by editing only your body text's top margin, so there's less spacing between titles and body: p { margin-top: 0; } I tried it on a section of your page between the Marta Halina title and her bio, this is before: And this is after: Hope that helps. B.
×
×
  • Create New...