Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 6, 2025 at 4:12 pm #1478773
    jonroot

    Hi guys
    Have bought this theme 12 times and love it. Just trying to customize the look of one of my sites. We would like to increase the size and width of the point in the header and pointing down. Here is our current site: https://haltonhamiltonhomes.com/
    And here is what we’d like it to look like (note the pointy part is deeper and wider): https://williamsisleofwight.co.uk/properties/?department=residential-sales&minimum_bedrooms=&maximum_price=&maximum_rent=&property_type=
    Can you help?
    Thanks very much.
    Jon

    March 7, 2025 at 5:55 am #1478822
    Ismael

    Hey jonroot,

    Thank you for the inquiry.

    You can add use the following css code to adjust the size of the arrow-down element. 

    .avia_transform .av-extra-border-element.border-extra-arrow-down .av-extra-border-inner {
    position: absolute;
    left: 50%;
    width: 200px;
    height: 200px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: -120px;
}

.avia_transform .av-extra-border-element.border-extra-arrow-down {
    position: relative;
    width: 300px;
    height: 200px;
    left: 50%;
    margin-left: -52px;
    margin-top: -1px;
    z-index: 25;
    margin-bottom: -200px;
    clear: both;
}

    You may need to insert a Separator/Whitespace element to the succeeding sections to push the content away from the larger arrow.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.