Pique theme – customisation questions

• 

  sherrykoh · Member · Oct 4, 2016 at 7:42 am

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to:

  1. change the background colour of the inside pages
  e.g. https://sherrykoh.com/work/ to a darker colour.

  2. social media
  – the social media logos to be in the middle and larger logos

  3. Sub-menu
  Under WORK, there is a dropdown menu.

  https://sherrykoh.com/project-type/others/
  The link above is from Projects saved in Portfolio. How can I display the sub-navi within all pages under /project-type/ itself? This means that a visitor does not have to mouseover Work repeatedly to get to other sections under Work.

  e.g. perhaps include the line below the Main Navi itself once I am in the Work section.
  ∙ BTL ∙ Websites ∙ Mailers ∙ Articles ∙ Reports ∙ App ∙ Print Ads

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 5, 2016 at 11:52 pm

  • Copy link

  Hi there,

  1. change the background colour of the inside pages
  e.g. https://sherrykoh.com/work/ to a darker colour.

  To change the background color on the white section on static pages, add the following to your custom CSS and adjust the color code as desired.

  .page #page {
      background-color: #ccc;
  }

  2. social media
  – the social media logos to be in the middle and larger logos

  I replied in the other thread you started on that: https://en.forums.wordpress.com/topic/social-icons-in-footer-pique?replies=3#post-2751741

  On the links to the other portfolios, my suggestion would be to create a Custom Menu of those items and then add a Custom Menu Widget to the footer area and use the Widget Visibility feature to limit the display of that widget to those pages.

• 

  sherrykoh · Member · Oct 6, 2016 at 6:16 am

  • Copy link

  Thanks!

  I have added this copyright into the widget.

  © 2016 Sherry Koh. All rights reserved.

  How do I have this line under the social media links instead?
  And I would like it centralised as well.

• 

  sherrykoh · Member · Oct 6, 2016 at 6:31 am

  • Copy link

  Sorry. Also, how can I change the font type and size for the copyright?

  Thanks for your help!

• 

  thesacredpath · Member · Oct 6, 2016 at 8:10 pm

  • Copy link

  On your copyright, you can remove the text widget and add the following custom CSS.

  .secondary-links .menu:after {
      content: "© 2016 Sherry Koh. All rights reserved.";
      display: block;
      margin-top: 10px;
  }

• 

  sherrykoh · Member · Oct 10, 2016 at 8:17 am

  • Copy link

  Great. Thanks!

• 

  kathrynwp · Staff · Oct 10, 2016 at 3:41 pm

  • Copy link

  Glad that did the trick. If you need further help with CSS feel free to start a new thread.