Header button text color changing

  • Posted in : Airz
  • tech3stars
    Participant

    https://3starsuae.com, this is our site and we want to change the site home page header button (Get A Quote) text color white into black. but we are unable to do that. when scroll down to up we can see that the button text is black like other pages but when scroll up to down it shown as white. How fix this issue?

    serkan
    Moderator

    Hi,
    I added these custom css codes;

    .button.is-secondary { color: #000 !important; }

    Thanks

    tech3stars
    Participant

    But we want that moving effect for the button. only want to change that text color to white into black. Now the button is static type. We want that previous design for that button. only need change in white font text color to black. How to fix that?

    serkan
    Moderator

    Hi,
    Yes, you are right. The previous CSS likely affected the original button animation/style.
    You only want the text color changed from white to black, while keeping the same moving effect and original design.

    So the earlier CSS should be removed, and instead only the button text color should be targeted with a more specific CSS rule.
    Could you please check your website again. I updated the css code.

    Thanks.

    tech3stars
    Participant

    thank you

    serkan
    Moderator

    You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

    https://themeforest.net/downloads

    Thank you for your support.

    tech3stars
    Participant

    https://3starsuae.com this site logo has facing clarity issue. can please check that and how to solve that problem. in desktop the logo clarity is very low.

    serkan
    Moderator

    Hi,

    Thank you for reaching out!

    I tried to access your site but it appears to be temporarily down or unreachable at the moment. Could you please check if your domain/hosting is active?

    Regarding the logo clarity issue — this is usually caused by uploading a low-resolution logo image. For sharp results on desktop (especially on Retina/HiDPI displays), I’d recommend uploading a logo that is at least 2x the display size. For example, if your logo displays at 200×60px, upload an image that is at least 400×120px. PNG format with a transparent background works best.

    Once your site is back online, please let me know and I’ll take a closer look.

    Best regards,
    Serkan

    tech3stars
    Participant

    https://3starsuae.com,” the whole page in our site showing multiple h1. The reason we checked is because of the site title and some other headings. While showing in ahref extension multiple H1 named 3 Stars.
    https://surviving-jade-pzbcessh.edgeone.app/Screenshot%202026-06-15%20130526.png
    https://puzzled-lavender-3246ygug.edgeone.app/Opera%20Snapshot_2026-06-13_153045_3starsuae.com.png

    These are the screenshots showing the issue. How can we fix this?

    serkan
    Moderator

    Hi,
    Thanks for the details and the screenshots.
    First, a bit of reassurance: multiple H1s won’t get you penalized by Google — it handles this fairly loosely these days — but it’s still good practice to have a single H1 per page, and it’s an easy thing to tidy up. In your case the extra H1s are coming from two different places, and each is fixed a little differently:

    The section headings on the page (the “other headings”)

    These are Elementor headings that have been set to the H1 tag. To fix them:

    Open the page with “Edit with Elementor”.
    Click each heading, and in the Content tab on the left, find the “HTML Tag” dropdown.
    Set them to H2 or H3, leaving just one heading as H1 — ideally your main page heading (your primary service/keyword).
    Update the page.

    This on its own usually clears most of the duplicates.

    The site title in the header
    This one comes from the theme’s header, not from Elementor. Since you’re already using a logo image, the simplest thing to try first is:

    Go to Appearance → Customize → Site Identity.
    You can delete it here.

    Then re-scan — in many setups that removes the site-title H1 while keeping your logo exactly as it is.

    If you’d rather keep the site title text visible but simply not as an H1, that tag lives in the theme’s header template, so it needs a small change through a child theme. If that’s the route you’d prefer, just let me know and I’ll send you the exact snippet.
    After these changes, run the Ahrefs scan again and you should be down to a single H1. If any stubborn ones remain, send me the new list (or the page link) and I’ll point you to the exact element causing it.
    Best regards,

    Serkan

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register