Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 7, 2015 at 5:38 pm #548159
    stephaniemull

    I am just getting my first couple of pages up using Enfold. Really like it so far.

    I am having problems with my icons on the home page (social media and header icons).
    First, they were not showing up like they were displayed on admin. The colored circle around the icon wasn’t there.
    And, now, they are just boxes… and the social media icons have turned to boxes, too – only on the home page.
    I don’t know what I did yesterday that changed that…?
    If you go to the About ARCA page the social icons are fine….

    Also, I would like to figure out how to change the background color of the icons on the headers (from blue to green). I dug around the CSS in firebug and it looked like it was related to heading color, but I can’t figure out how to change that:

    When I go to view the CSS file in the main Enfold theme (I AM using a child theme), there is nothing in the main CSS file?
    I just want to be able to grab CSS codes and put them in the child css…. where are they?

    December 8, 2015 at 2:08 am #548465
    Elliott

    Hey stephaniemull!

    That happens when you use a different domain from what is set in the WordPress settings. Try this out, http://kriesi.at/documentation/enfold/enable-cors/.

    You can find the Enfold CSS in the /enfold/css/ folder.

    Best regards,
    Elliott

    December 8, 2015 at 4:54 pm #548845
    stephaniemull

    Thank you, Elliot. That worked to make the icons show.
    Could you explain how I get the colored circle around them?
    They show as blue circles in the admin – I would like them to be the green that I selected for the color of the theme.

    December 10, 2015 at 3:18 am #550108
    Elliott

    Hi!

    You mean like in the Lifestyle demo? http://kriesi.at/themes/enfold-lifestyle-blog/

    Navigate to Dashboard > Enfold > Header > Extra Elements and for the social icons set them to display in the main header area.

    Or are you just wanting them to stay in the same place and have a green circle background? If so then add this to your custom CSS.

    .social_bookmarks > li {
    background: green !important;
    border-radius: 300px !important;
}

    Cheers!
    Elliott

    December 11, 2015 at 12:14 am #550773
    stephaniemull

    No, it was the icons below the slider I was speaking of. I did figure out how to get a circle background behind them by styling this style:

    .iconbox_left .iconbox_icon {

    Thanks for your help!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon issue’ is closed to new replies.