Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #311993

    Hi, I really apologise if you receive this message more than once, but from my end it doesn’t seem to be posting the message – I’ll try once more …

    Hi – could you help me with a couple of styling issues?

    1) I’d like to use different images for the social icons – can I do that?
    2) Could you remind me of the Custom CSS I need to use to increase the spacing between the main menu links and, in the layout I’m using, is it possible to align the menu links to the left with custom css?
    3) I really need to place a text block to the left and a slider next to it on the right-hand side. Is that possible? I don’t seem to be able to drag and drop the slider into position next to a text block.

    Thank you!

    #312086

    Hi kathrynmichaud!

    Thank you for using Enfold.

    1.) Unfortunately, the theme is using icon fonts for the social icons. You need to modify the code in order to do that or apply the new social image icon as background. If you want to change the twitter social icon for example, you can use this on Quick CSS or custom.css:

    #top .social_bookmarks li a:before {
    content: '';
    }
    
    li.social_bookmarks_twitter a {
    	background: url('ICON IMAGE URI HERE') !important;
    }

    2.) You can change the menu and logo position on Enfold > Header > Menu and Logo Position.

    3.) You can only use the Easy Slider on column layouts.

    Best regards,
    Ismael

    #312268

    Hi – thanks for the reply. I’ve used the Easy Slider and that works fine. I’ve also switched the menu links to the left, but could you remind of the custom CSS to use to widen the space between the links?

    For the social links, I added the code that you mentioned to the Custom CSS but as you can see here: http://www.littlefoxwebdesign.co.uk/lumbandmacgill/ it doesn’t look great! Could you tell me how I could modify the code to have them show properly? Or can I adjust the shape of the circle in any way – any other ideas?!

    Thanks.

    #312278

    Hi – sorry one other query, as you can see on the Home Page I’m using the Post Slider on the left-hand side – is there any way to remove the image from displaying with the text?

    Thanks!

    #312280

    … or if the image is there but I choose a smaller size of image to display – can I centre the image?

    Thanks.

    #312658

    Hi!

    Thank you for the update.

    You can change the social icon css snippet with this:

    li.social_bookmarks_facebook a {
    background: url('http://www.littlefoxwebdesign.co.uk/lumbandmacgill/wp-content/uploads/2014/08/facebook-icon.png') center center no-repeat !important;
    }

    We added the center center value to center the icon image and the no-peat attribute to prevent the icon image from repeating.

    Regards,
    Ismael

    #312746

    That’s worked brilliantly – thank you so much!

    Could you help me with the last couple of things:

    1) Could you tell me if there’s some custom CSS I can use to widen the space between the main menu links? I don’t seem to be able to adjust that in the Advanced Styling section and if possible I’d like to increase the space between the last menu link and the social icons.

    2) As you can see on the Home Page I’m using the Post Slider on the left-hand side – is there any way to centre the image?

    Thank you again for your help!

    Kathryn

    #312803

    Hi!

    1- Please add following code to Quick CSS and adjust as needed

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px;
    }

    2- I cannot see a Post Slider element on your home page. Have you removed it?

    Regards,
    Yigit

    #312834
    This reply has been marked as private.
    #313103

    Hi – just noticed that the copyright in the footer has also disappeared from the front end – could you help me out asap please as my client is waiting for this website!

    Thank you!

    #313259

    Hi – any chance that you could take a look at this issue for me please? I don’t want to start the whole site over again if it’s a simple fix …

    Thank you!

    #313378

    Hey!

    Please try de-activating all active plugins and check if that helps.

    Best regards,
    Yigit

    #313384

    Hi – yes brilliant thank you – it was a Twitter plugin that was causing the problem. So my two final questions are:

    1) Is it possible to center the image on the Posts Slider that I have on the Home Page with some custom CSS and:

    2) I have used a background for the header but it doesn’t seem to go all the way down the header – have a done the settings wrong?

    Thanks so much for getting back to me – glad I didn’t have to re-do it!

    #313393

    Hi!

    Please add following code to Quick CSS

    .avia-content-slider .slide-image img {
    margin: auto;
    }
    .header_color .header_bg, .header_color {
    background-position: 50% 65%;
    }

    Cheers!
    Yigit

    #313406

    Hi – the code for the Posts Slider works perfectly thank you – the code for the header background has switched the grey bar to the bottom instead of the top! Do I need to amend it in some way?

    Thanks.

    #313418

    Hi!

    Please change the second to following one

    .header_color .header_bg, .header_color {
    background-position: 50% 100%;
    }

    Regards,
    Yigit

    #313424

    I’m afraid it’s still the same!

    #313440

    Hey!

    This is how it looks on my end – http://i.imgur.com/3CE1DyX.png
    Can you post a screenshot and show how it looks on your end and how it should look?

    Best regards,
    Yigit

    #313457

    Hi – you can see the header as I see it here: https://www.dropbox.com/s/mmpt7e4fmzppp2z/lumbandmacgillheader.JPG?dl=0

    I’ve viewing it in Chrome. Yes it should look the way it looks for you!

    Thanks.

    #313458

    Hey!

    I am viewing in Chrome as well. Have you tried flushing browser cache or checking your website in incognito mode (CTRL+Shift+N for Win and CMD+Shift+N for Mac)?

    Best regards,
    Yigit

    #313476

    You’re right! Looks good if I do CTRL+shift+N – I cleared my browser via Tools – clear browsing data but it still looks the same – however I’ve viewed it in Internet Explorer and it looks fine. Is there a way to as you say “flush” the browser cache more extensively?

    Thanks.

    #313487

    Hey!

    You can flush browser cache and restart the browser. I am checking in incognito mode instead. Shall we mark this thread as resolved? :)

    Best regards,
    Yigit

    #313500

    Yes you can – many thanks for your help!

Viewing 23 posts - 1 through 23 (of 23 total)

The topic ‘Styling Queries’ is closed to new replies.