Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #253478

    Is there a way for me to change the shape of the icon box holding circles into a square?

    Ideally just want a quick CSS code please.

    #253843

    Hi stuartleighbray!

    Thank you for visiting the support forum!

    If you want to make the iconbox icons container square, use this on Quick CSS or custom.css:

    .iconbox_top .iconbox_icon {
    padding: 15px;
    border-radius: 0;
    }

    I hope that helps.

    Best regards,
    Ismael

    #254262

    Hi Ismael,

    A great help. Can you do the same for the icons used on the list content element?

    Best regards
    Stuart

    #254389

    Hey!

    Sure thing, just use this:

    .avia-icon-list .iconlist_icon {
    border-radius: 0;
    }

    If you have any questions, definitely take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

    If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)

    Regards,
    Ismael

    #255407

    Thanks again for that.

    Is there a way to use the ‘entypo-fontello’ icons but without them appearing with a circle around them?
    Only, with your help, I’ve changed the circles elsewhere into squares but theses icons still appear inside circles.
    No circles or the option of a square would be great.

    Best regards
    Stuart

    #256081

    Hey!

    You can use Icon element. Please also add following code to Quick CSS

    .av_font_icon.av-icon-style-border .av-icon-char { border-radius: 0; }

    Regards,
    Yigit

    #265254
    This reply has been marked as private.
    #265709

    Hi!

    Thank you for the update.

    You can just change the background color of the main header. Use this on Quick CSS:

    div#header_main {
    background: #efefef;
    }

    Regarding the mobile issue, please use a logo with a PNG format and transparent background.

    Cheers!
    Ismael

    #265734
    This reply has been marked as private.
    #266683
    This reply has been marked as private.
    #266727

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) { 
    div#header_main { height: 200px; }
    .custom_content { top: 45%; }}

    Cheers!
    Yigit

    #266745

    Brillant. Thank you.

    Regards
    Stuart

    #266750

    Hi!

    You are welcome Stuart, glad we could help!

    Regards,
    Yigit

    #275002
    This reply has been marked as private.
    #276026

    Hey!

    Thank you for the update.

    Please use add this css to adjust the height of the custom content when you scroll down the page:

    .header-scrolled div.custom_content img {
    height: 79px;
    }

    Best regards,
    Ismael

    #279375
    This reply has been marked as private.
    #279818

    Hey!

    Thank you for the update.

    Please set the header behavior again to Shrinking Header or Squeeze as you put it. We need to inspect it. The issue might be fix with css z-index property.

    Cheers!
    Ismael

    #279924
    This reply has been marked as private.
    #280005

    Hey!

    Thank you for using the theme!

    Please use this to resize the custom content that you added then fix the menu the header resize:

    .header-scrolled #header_main_alternate {
    z-index: 10;
    }
    
    .header-scrolled div.custom_content img {
    height: 79px;
    }

    Cheers!
    Ismael

    #280067
    This reply has been marked as private.
Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘icon boxes – changing the holding shape from a circle to a square’ is closed to new replies.