Home Page Help – Icons, Images & Background

  • https://www.mysweetgite.com

    Please can you assist with the following which I am struggling with:

    1) I need to make sure all 4 boxes are of equal size and that all 4 images are of equal size too..

    2) Ideally, is there a way to make the images take up most of the grey box? Or, make the images larger (without cropping them) and lose the boxes altogether?

    3) If I have to keep the boxes, is there a way to not make the colour change when you hover? The client is saying she would prefer a solid and static grey, in between the light and dark grey used already..

    Many thanks – I will probably come back with more queries as I go.. Absolutely LOVE this theme and will consider upgrading for paying clients..

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Danni468

    (@danni468)

    Another thing I need help with whilst I am playing around…

    4) I want the text where it says Three bedrooms and two bathrooms etc to be on a separate line from the rest of the text. I tried adding paragraph spacing but it didnt work.

    Hey,
    1. You can set a min height for your description area with css. You may have to increase this if your description gets longer. But for now add this to your custom css box in the theme options:

    .home-iconmenu a p {
min-height: 100px;
}

    for equal images upload images that are the same size.

    2. You can make the box disappear by setting the background color to transparent and remove the the padding with this css:

    .home-iconmenu a h4, .home-iconmenu a p {
color: 444;
}
.home-iconmenu a {
background: transparent !important;
padding: 0px 0px 10px;
color: #444;
}

    3. You don’t have to keep the boxes

    4. add this in-between the description and your “Three bedrooms and two bathrooms” text:
    <br />

    Kadence Themes

    Thread Starter Danni468

    (@danni468)

    Thank you sooo much – however, please look at the site (icons) they are still all scattered on the page https://www.mysweetgite.com&#8230; How do I fix this?

    Also, when I take the block away, the text disappears into the background. How do I change the text to black?

    Just in case, if she wants to keep the block, how do I get it not to change colour on hover?

    Thanks again

    In your css your missing the period in this code.. 

    .home-iconmenu a p {
min-height: 100px;
}

    and the code above for number 2 takes into account the white text and makes it dark gray. Just add it and you will see.

    As for the hover:

    .home-iconmenu a:hover {
background: #444;
}

    Kadence Themes

    Thread Starter Danni468

    (@danni468)

    You are amazing – thank you!!

    Only problem now is that the block still changes colour when you hover.. I want the block to remain the same colour (lets say #999999) the whole time… I dont want any background colour or text colour to change at all.. Is there a way of doing this?

    .home-iconmenu a {
background: #999999 !important;
}

    Kadence Themes

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Home Page Help – Icons, Images & Background’ is closed to new replies.