Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 9, 2013 at 11:11 am #25938
    siobhan13

    Hello,

    I’ve just swapped over my theme from Corona to Enfold and I thought they would be more compatible via CSS, Header.PHP and Footer.PHP. Our developer created a bespoke header and footer for Corona and I would like to transfer it across but they aren’t available to help.

    I’ve given it a go, but had lots of parse errors even when I’ve paired it back to what I think is the key coding and CSS.

    Can you give me any pointers on how the two themes differ in this area and how I might be able to get the footer at least back the way it was?

    Also, for the social media icons, can you change the colour of them (different to their website colours blues and red) and/or change the colour of the bar that they sit on? This might solve the header issue and then I would only need to change the footer.

    Website – http://etool.net.au/

    Thanks, Siobhan

    July 10, 2013 at 5:53 am #128726
    Dude

    1) The footer code is quite different because we added some new functions & options to the footer (eg you’re now able to hide the widget columns or the socket (copyright area) on individual pages) and it’s probably not possible to copy/paste the old code without breaking these features. I’d recommend to ask your developer to check the new footer.php code and to rewrite his code if necessary.

    2) Yes, you can change the icon hover color with following code – insert it into the quick css field

    #top .social_bookmarks_rss:hover	   a{color:#fff; background-color:#ffa133; }
    
#top .social_bookmarks_facebook:hover  a{color:#fff; background-color:#37589b; }
    
#top .social_bookmarks_twitter:hover   a{color:#fff; background-color:#46d4fe; }
    
#top .social_bookmarks_mail:hover      a{color:#fff; background-color:#9fae37; }
    
#top .social_bookmarks_dribbble:hover  a{color:#fff; background-color:#e44885; }
    
#top .social_bookmarks_linkedin:hover  a{color:#fff; background-color:#419cca; }
    
#top .social_bookmarks_search:hover    a{color:#fff; background-color:#222222; }
    
#top .social_bookmarks_gplus:hover     a{color:#fff; background-color:#de5a49; }
    
#top .social_bookmarks_behance:hover   a{color:#fff; background-color:#008cfa; }
    
#top .social_bookmarks_flickr:hover    a{color:#fff; background-color:#ff0086; }
    
#top .social_bookmarks_forrst:hover    a{color:#fff; background-color:#234317; }
    
#top .social_bookmarks_myspace:hover   a{color:#fff; background-color:#000000; }
    
#top .social_bookmarks_tumblr:hover    a{color:#fff; background-color:#345574; }
    
#top .social_bookmarks_vimeo:hover     a{color:#fff; background-color:#31baff; }
    
#top .social_bookmarks_youtube:hover   a{color:#fff; background-color:#a72b1d; }
    
#top .social_bookmarks_pinterest:hover a{color:#fff; background-color:#cb2027; }
    
#top .social_bookmarks_skype:hover 	   a{color:#fff; background-color:#12a5f4; }
    
#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#a67658; }

    You can change the social icons bar color with

    .header_color .container_wrap_meta {
    
background: #f8f8f8;
    
}

    July 10, 2013 at 7:35 am #128727
    siobhan13

    Hey Dude,

    Thanks so much for the advice and coding. Will speak to my developer and see if we can sort it out.

    I had to use the Vimeo symbol in my Social Media icons as there wasn’t a Youtube option in the drop down. Can I add it in somewhere to the theme files?

    Many thanks, Siobhan

    July 10, 2013 at 9:37 am #128728
    Dude

    Hey!

    See https://kriesi.at/support/topic/ability-to-add-custom-css-icons#post-122156

    Best regards,

    Peter

    July 15, 2013 at 3:21 am #128729
    siobhan13

    Hey Dude,

    Thanks for the link, looks pretty straight forward to change.

    Could you tell me what CSS to use to change the footer to all one colour please? (Similar to CSS for header above)

    Thanks, Siobhan

    July 16, 2013 at 7:28 am #128730
    Ismael

    Hi,

    You change the footer background with this

    #footer {
    
background: red;
    
}

    and the socket background using this

    #socket {
    
background: pink;
    
}

    Regards,

    Ismael

    July 18, 2013 at 5:33 am #128731
    siobhan13

    Hi Ismael,

    Thanks for the CSS. I was using those, but had a conflict in the Enfold Theme Footer colour editor.

    Sorted now thanks!

    Siobhan

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header & Footer PHP + CSS Issues’ is closed to new replies.