-
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 #1471476November 18, 2024 at 11:30 am #1471553This reply has been marked as private.November 21, 2024 at 10:34 am #1471816This reply has been marked as private.November 25, 2024 at 5:10 am #1472101Hi,
We edited the css in the Appearance > Customize > Extra CSS panel and adjusted the padding as requested. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelNovember 25, 2024 at 10:02 am #1472120This reply has been marked as private.November 26, 2024 at 8:29 am #1472226Hi,
Have you tried purging the cache? Could you provide a screenshot of how it’s currently displayed on your end, as well as another screenshot of how it should look? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshots.
Best regards,
IsmaelNovember 26, 2024 at 12:12 pm #1472259This reply has been marked as private.November 26, 2024 at 2:35 pm #1472269This reply has been marked as private. -
AuthorPosts
- The topic ‘Header’ is closed to new replies.