Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • September 1, 2014 at 9:28 pm #311993
    kathrynmichaud

    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!

    September 2, 2014 at 8:21 am #312086
    Ismael

    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

    September 2, 2014 at 1:07 pm #312268
    kathrynmichaud

    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.

    September 2, 2014 at 1:21 pm #312278
    kathrynmichaud

    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!

    September 2, 2014 at 1:23 pm #312280
    kathrynmichaud

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

    Thanks.

    September 3, 2014 at 6:45 am #312658
    Ismael

    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

    September 3, 2014 at 10:43 am #312746
    kathrynmichaud

    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

    September 3, 2014 at 1:09 pm #312803
    Yigit

    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

    September 3, 2014 at 1:39 pm #312834
    kathrynmichaud
    This reply has been marked as private.
    September 3, 2014 at 9:20 pm #313103
    kathrynmichaud

    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!

    September 4, 2014 at 11:01 am #313259
    kathrynmichaud

    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!

    September 4, 2014 at 2:03 pm #313378
    Yigit

    Hey!

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

    Best regards,
    Yigit

    September 4, 2014 at 2:14 pm #313384
    kathrynmichaud

    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!

    September 4, 2014 at 2:32 pm #313393
    Yigit

    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

    September 4, 2014 at 2:52 pm #313406
    kathrynmichaud

    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.

    September 4, 2014 at 3:20 pm #313418
    Yigit

    Hi!

    Please change the second to following one

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

    Regards,
    Yigit

    September 4, 2014 at 3:30 pm #313424
    kathrynmichaud

    I’m afraid it’s still the same!

    September 4, 2014 at 4:08 pm #313440
    Yigit

    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

    September 4, 2014 at 5:02 pm #313457
    kathrynmichaud

    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.

    September 4, 2014 at 5:04 pm #313458
    Yigit

    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

    September 4, 2014 at 5:26 pm #313476
    kathrynmichaud

    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.

    September 4, 2014 at 5:38 pm #313487
    Yigit

    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

    September 4, 2014 at 5:50 pm #313500
    kathrynmichaud

    Yes you can – many thanks for your help!

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Styling Queries’ is closed to new replies.