- This topic has 9 replies, 2 voices, and was last updated 12 months ago by tikaram.
-
AuthorPosts
-
December 2, 2022 at 11:39 pm #313245bobbygprewettParticipant
I have a couple of issues I need to get help with:
I have changed several colors with CSS, but when I hover over a link button the background is still red. How do I change it to #ffd400?
Also, my footers are showing on every page. I just want them to be on the home page. Is this possible to do?
December 2, 2022 at 11:41 pm #313253tikaramKeymaster@bobbygprewett : Please post in your site URL so that I can check for issues on your site and provide you the fix.
Regards,
TikaramDecember 5, 2022 at 9:59 am #313319bobbygprewettParticipantDecember 5, 2022 at 10:21 am #313320bobbygprewettParticipantI also can’t figure out how to shrink my hero image, and it doesn’t resize to mobile or tablet.
December 6, 2022 at 12:22 am #313335tikaramKeymaster@bobbygprewett : Please add the following additional css to change the button link hover color and to hide footer on all other pages.
.custom-header-content-wrapper .more-link:hover, .header-media .custom-header-content-wrapper .more-link:hover, .wp-block-button .wp-block-button__link:hover { background-color: #ffd400; } /* Hide Footer from other pages */ .site-footer #site-generator { display: none; } .home .site-footer #site-generator { display: block; }
Regarding the Hero Image I don’t seem to find any hero content section enabled on your site. If you are referring to the header image please let me know.
Regards,
TikaramDecember 6, 2022 at 8:52 am #313342bobbygprewettParticipantYes, the header image is what I’m referring to.
December 6, 2022 at 11:30 am #313344bobbygprewettParticipantThat fixed the color issue! Thanks!
December 6, 2022 at 11:48 am #313345tikaramKeymaster@bobbygprewett : Please try adding the following additional css and let me know
@media only screen and (max-width: 810px) { .home .custom-header-content { padding: 0; } .custom-header .wrapper::before { background-size: contain; } }
Regards,
TikaramDecember 6, 2022 at 2:20 pm #313349bobbygprewettParticipantThat worked, but it’s there a way to scale the text as well that’s on top of the header? And the last CSS code did not fix the footers. They are still showing up on all pages.
Also, when you click on the product in my shop and it goes to the product page, I can’t get the layout to fix through Elementor. All of the images and info are spaced out where you can’t see any info. How do I contain all elements within the screen?
December 7, 2022 at 3:53 am #313365tikaramKeymaster@bobbygprewett : Regarding the footer section please replace the footer related css which is given below.
/* Hide Footer from other pages */ .site-footer { display: none; } .home .site-footer { display: block; }
For WooCommerce support Please upgrade to Catch Shop Pro as the free version of the theme do not have support for WooCommerce.
Please follow this link to know more about the features of Pro version of the Theme.Regards,
Tikaram -
AuthorPosts
- The topic ‘Button background hover’ is closed to new replies.