Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • April 19, 2014 at 3:25 pm #253478
    stuartleighbray

    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.

    April 21, 2014 at 3:24 pm #253843
    Ismael

    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

    April 22, 2014 at 10:48 am #254262
    stuartleighbray

    Hi Ismael,

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

    Best regards
    Stuart

    April 22, 2014 at 3:26 pm #254389
    Ismael

    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

    April 24, 2014 at 10:47 am #255407
    stuartleighbray

    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

    April 25, 2014 at 2:15 pm #256081
    Yigit

    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

    May 15, 2014 at 12:52 pm #265254
    stuartleighbray
    This reply has been marked as private.
    May 16, 2014 at 5:06 am #265709
    Ismael

    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

    May 16, 2014 at 8:19 am #265734
    stuartleighbray
    This reply has been marked as private.
    May 19, 2014 at 10:20 am #266683
    stuartleighbray
    This reply has been marked as private.
    May 19, 2014 at 12:26 pm #266727
    Yigit

    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

    May 19, 2014 at 12:46 pm #266745
    stuartleighbray

    Brillant. Thank you.

    Regards
    Stuart

    May 19, 2014 at 12:50 pm #266750
    Yigit

    Hi!

    You are welcome Stuart, glad we could help!

    Regards,
    Yigit

    June 5, 2014 at 8:59 am #275002
    stuartleighbray
    This reply has been marked as private.
    June 7, 2014 at 9:26 am #276026
    Ismael

    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

    June 16, 2014 at 12:44 pm #279375
    stuartleighbray
    This reply has been marked as private.
    June 17, 2014 at 4:15 am #279818
    Ismael

    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

    June 17, 2014 at 10:50 am #279924
    stuartleighbray
    This reply has been marked as private.
    June 17, 2014 at 2:24 pm #280005
    Ismael

    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

    June 17, 2014 at 3:47 pm #280067
    stuartleighbray
    This reply has been marked as private.
  • Author
    Posts
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.