Docs

[Melissa437]

Hi,

All of a sudden any code I add to my customiser will not activate, I’m tring to edit the topbar; social icon size, text colour and size..

I’m trying to replicate the same set up as this site:

Wedding Cakes London

Could you please help me! Thanks so much!!!xx

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Melissa437]

Oooo FAB!

https://dolcelussocakes.mystagingwebsite.com

[Paul R]

Hi,

There are missing close curly brackets in your css code which is causing an error.

Change this

footer.x-colophon {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1030;
  .x-colophon.top, .x-colophon.bottom {
  padding-top: 0px;
  padding-bottom: 0px;
 

to this

footer.x-colophon {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
}

.x-colophon.top, 
.x-colophon.bottom {
    padding-top: 0px;
    padding-bottom: 0px;
} 

You can then add this to change the color and font size of your topbar

/* topbar social icons */
.x-topbar .x-social-global a {
       font-size: 18px;
       color: rgb(76,41,17);
}

/* topbar content */
.x-topbar .p-info {
      font-size: 11px;
       color: rgb(76,41,17);
}

Hope that helps.

[Melissa437]

That’s brill – thankyou!!

Can I add page links to the topbar too?

[Paul R]

Hi,

Yes, you can manually add it in your topbar content in the customizer.

eg. Add this

<a href="https://dolcelussocakes.mystagingwebsite.com/press/">Wedding Cakes</a>

Hope that helps.

[Melissa437]

Am afraid that didn’t work.. I was after a link in the topbar like the one featured here with my “Book Consultation” page link

Wedding Cakes London

Thankyou:)))))

[Melissa437]

Hiya!
Also, I wanted to have my blog page as just a blog page so it is only accessed via the nav panel and not featured on the other pages – how do I do this?
Thanks so much!!

[Paul R]

Hi,

You can try adding this.

<ul class="my-navbar">
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>

Then add this in Custom css

.my-navbar {
    text-align:center;
}

.my-navbar li {
   list-style-type:none;
   display:inline-block;
   padding:5px 10px;
}

Hope that helps.

[Melissa437]

That didn’t seem to work either:(

[Joao]

Hi Melissa,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Melissa437]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the credentials. You haven’t added the above code in your Topbar content, I went ahead and added the code in your Topbar. Please check your site now.

Cheers!

[Author]

Posts