-
AuthorPosts
-
November 7, 2024 at 11:11 am #1470831
Hi Support
Please could you help me out with adjusting the header? Previously Mike adjusted the ccs when setting up the customized header and menu.
I have the following small changes to be done.STYLING OF ICONS (PHONE & MAIL)
The icon’s color should be changed to:
#55726fSTYLING OF BUTTON
Only “Ring nu” button, please delete the with “Book tid”
New ccs-code should contain:border-radius: 50px
color: #fff
background-color: #55726f
background-color: #55726f (hover)padding: 21px 50px;
font-size: 15px;
min-width: 200px;
Font:weight: 700
Letter-spacing: 0.05em
I have deactivated the security plugin, so it should now be possible to access the stylesheet, where Mike has made the customizing.Many thanks
Best regards
Lene SachsNovember 8, 2024 at 5:49 am #1470869Hey Lene,
Thank you for the inquiry.
We edited the css rules in the Appearance > Customize > Extra CSS panel:
.topKnap a { width: 140px; height: 52px; color: #fff; display: inline-block; text-align: center; text-decoration: none; margin-right: 6px; padding: 21px 50px; font-weight: 700; font-size: 15px; position: relative; float: right; min-width: 200px; letter-spacing: 0.05em; background-color: #55726f; border-radius: 50px; -moz-transition: 200ms all ease-in-out; -o-transition: 200ms all ease-in-out; -webkit-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; } .topKnap a:hover { background-color: #55726f; color: #fff; } .responsive #top #header #header_main .inner-container .widget .fas { color: #55726f !important; }
Best regards,
IsmaelNovember 8, 2024 at 11:36 am #1470897This reply has been marked as private.November 11, 2024 at 6:58 am #1471046Hi,
We removed the other button and adjusted the element as requested.
Best regards,
IsmaelNovember 11, 2024 at 10:46 am #1471065This reply has been marked as private.November 12, 2024 at 3:52 am #1471128Hi,
Than kyou for the update.
Padding should be adjusted to:
The text in the button is not vertically aligned when we apply the padding. You can try it yourself by adjusting the css rule in the Appearance > Customize > Extra CSS panel. To adjust the position of the contact info, you can add this css code:
#top .topKontakt { left: -100px; position: relative; }
Best regards,
IsmaelNovember 12, 2024 at 10:19 am #1471148This reply has been marked as private.November 15, 2024 at 1:51 pm #1471403This reply has been marked as private.November 16, 2024 at 8:11 pm #1471476 -
AuthorPosts
- You must be logged in to reply to this topic.