Social Media Addition to Menu Bar

pending (23 posts) (2 voices)

  1. DaveRoseberry
    Member

    Hi All

    Before I ask for help, I must say a big thanks to you guys at MSMW. The "Elegance" template is just brilliant, the documentation second to none, informative and easy to follow. What a brilliant job you have done. I'm sure the other templates are of the same high standard.

    My query is this ..

    I would like to add/include a Social Media icon for FACEBOOK in my menu, and then remove RSS and Skype images. I may also need to include a "booking form" icon as well.

    I've followed instructions, but cant seem to find how to do this?

    Posted 3 years ago #
  2. Elliott
    Support

    Hello DaveRoseberry,

    We don't have any social icons in the menu by default. Send us a link so we can get a better idea of what's going on.

    Posted 3 years ago #
  3. DaveRoseberry
    Member

    Elliott, I've managed with that, they changed their mind.. However, I am wondering if on here, http://test.classictourshighlands.co.uk/ we are able to set up the four social icons, so they e tther

    a) pop out / enlarge when you hover

    or

    b), change colour to their normal blue / red before you click em?

    Cheers

    Posted 3 years ago #
  4. DaveRoseberry
    Member

    Elliott, I've managed with that, they changed their mind.. However, I added in 4 purple icons, but I am wondering if on here, http://test.classictourshighlands.co.uk/ we are able to set up the four social icons, so they either;

    a) pop out / enlarge when you hover

    or

    b), change colour to their normal blue / red before you click em?

    Cheers

    Posted 3 years ago #
  5. Elliott
    Support

    Add this to your custom CSS,

    .social_icon img:hover {
        width: 60px !important;
        height: 60px !important;
    }
    Posted 3 years ago #
  6. DaveRoseberry
    Member

    Sweet! ..

    anyway I can reduce gap in between purple buttons on sidebar - cant find this in notes?

    http://test.classictourshighlands.co.uk/?page_id=42

    Posted 3 years ago #
  7. Elliott
    Support

    Add this,

    .aligncenter { margin: 0px auto !important; }

    Posted 3 years ago #
  8. DaveRoseberry
    Member

    sorry, add this to where?..

    Posted 3 years ago #
  9. DaveRoseberry
    Member

    sorted! cheers

    would like to get it a little closer if poss?

    Posted 3 years ago #
  10. Elliott
    Support

    Add this,

    .widget { margin-bottom: 0px !important; }

    Posted 3 years ago #
  11. DaveRoseberry
    Member

    hi - I've moved the social icons from the top header into the right sidebar, and used the HTML text image to display these....

    I was given this code ....

    .social_icon img:hover {
    width: 60px !important;
    height: 60px !important;
    }

    which was used for the header, but not it does not work when you hover over social images on the right sidebar. Any ideas.. Site is blocked by IP so can cant link you in :-(

    Attachments

    1. social-error.png (132.8 KB, 0 downloads) 3 years old
    Posted 3 years ago #
  12. Elliott
    Support

    So you want those icons in the sidebar to get bigger when you hover over them. What is the code your using for those icons in the sidebar?

    Posted 3 years ago #
  13. Elliott
    Support

    Try this,

    .social_icon img:hover, #sidebar img:hover {
    width: 60px !important;
    height: 60px !important;
    }
    Posted 3 years ago #
  14. DaveRoseberry
    Member

    cheers... greats like a dream!

    Posted 3 years ago #
  15. DaveRoseberry
    Member

    althou we're using the purple skin, we would like the sidebar buttons (see 3 posts above) coloured more of a grry to blend in with the background, is that possible?

    Posted 3 years ago #
  16. Elliott
    Support

    You would have to edit the images your using with an image editing program and change their color.

    Posted 3 years ago #
  17. DaveRoseberry
    Member

    but the images are not images such, they are button using

    [button size="medium" link="URL here"]Enquire Now[/button]

    Posted 3 years ago #
  18. Elliott
    Support

    In that case you can set a variation in the shortcode options, http://mysitemyway.com/docs/index.php/Fancy_Links_and_Buttons#Fancy_Buttons.

    Posted 3 years ago #
  19. DaveRoseberry
    Member

    once again, superb advice!

    Posted 3 years ago #
  20. DaveRoseberry
    Member

    Hi your

    I've transferred your advice to this site.

    http://stchads.360degreeimagery.co.uk/

    and have placed the

    .social_icon img:hover {
    width: 60px !important;
    height: 60px !important;
    }

    under Custom CSS on my DEJA VU template, but it does not seem to hover/pop out?

    Posted 3 years ago #
  21. Elliott
    Support

    Take a screenshot and highlight what is going on so we can get a better idea.

    Posted 3 years ago #
  22. DaveRoseberry
    Member

    I don't think it needs a screenshot mate...

    I want the social icons in the header of THIS website

    http://stchads.360degreeimagery.co.uk/

    so hover like the ones on THIS website

    http://test.classictourshighlands.co.uk/

    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme