Docs

[Melissa437]

Hi,

I’m just finishing the site but have a few outstanding issues I’m hoping you can help with :

1) remove hover underline function in nav panel
2) remove permanent underline in footer
3) customise nav panel in footer
4) add colour overlay to the slider images in blog
5) Increase line spacing in drop down menu in nav panel
6) change colour and size of quotation source
7) Issue with instagram feed not appearing
8) social media logos top and bottom have a blue hover colour and would like to change this

Many thanks
Melissa

https://dolcelussocakes.mystagingwebsite.com

[Melissa437]

This reply has been marked as private.

[Christian]

Hey there,

1-2. I don’t see the underline. Please provide screenshots.

3. Please give us specific details.

4. I don’t see a slider, please provide a screenshot

5. If you mean space out the sub-menus, please add the code below in your Appearance > Customize > Custom > Global CSS

body .x-navbar .desktop .sub-menu li > a {
    line-height: 23px;
}

6. Please give us the URL of the page and a screenshot of the element you’d want to modify

7. Open a separate thread for this

8. Add this CSS

.x-social-global a:hover {
    background-color: transparent !important;
}

Thanks.

[Melissa437]

Hi,
any chance you’re still there?
Unfortunately the site had reverted to renew so most of the above was irrelevant ….:(

1) remove hover underline function in nav panel
2) remove permanent underline in footer
3) customise nav panel in footer
4) add colour overlay to the slider images in blog so that the white titles stand out
5) Increase line spacing in drop down menu in nav panel
6) change colour and size of quotation source
7) social media logos top have become white until you hover them – I need them to be a brown.

Thanks
Mel

[Melissa437]

I would like to remove the shadow on the drop down menu please
Thanks
Mel

[Rad]

Hi there,

1. 2. Please add this CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}
.x-colophon.bottom .x-colophon-content a, .x-colophon.bottom .x-nav li a {
    text-decoration: none;
}

3. What customization?

4. 5. Please add this too

.x-post-slider-entry>a, .x-post-slider-entry>a:hover, .h-entry-cover:before {
    background-color: rgba(95, 55, 28, 0.8);
}
body .x-navbar .desktop .sub-menu li > a {
    line-height: 25px;
}

6. What’s the quotation source?

7. Please add this as well

.x-social-global a {
    display: inline-block;
    text-align: center;
    color: rgb(93,47,16);
}
.desktop .sub-menu {
box-shadow: none;
}

Thanks!

[Melissa437]

You are SO helpful !!! Thank you so much

There was a strange issue of a square box hovering over certain text throughout the site – have you heard of this issue before?

Thanks
Mel

[Friech]

Hi Mel,

Can you point us some of those text?

Was the text are links and the box are only showing when you’re using Firefox? If so, please add this on your custom CSS on Customizer.

<!-- remove border/outline around links and buttons in Firefox -->
a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
  outline: none !important;
}

Thanks.

[Author]

Posts