Help with CSS Customisation

• 

  genvyy · Member · May 20, 2014 at 3:56 am

  • Copy link
  • Add topic to favorites

  Hello! I have recently purchased the “custom design” from wordpress and i require some help with regards to css customisation. Fyi, i am using the Adelle theme.

  1) How can i create a drop down list for the various categories on the navigation bar? Also, i would like to pages om the navigation bar to the center.

  2) Can i set the widgets column in fixed position while my posts are endless scrolling?

  3) how can i change how my categories & archives are displayed from:
  “Personal
  Life
  Love
  Travel
  Etc”

  To:
  “Personal Life Love Trave Etc”

  4) How can i remove the ribbon at the end of the page and also change the wordings from “Blog at WordPress.com. | The Adelle Theme” to simply “Powered by WordPress?

  5) As the Adelle Theme is automatically “mobile view friendly”, it does not help even if i turn off the mobile view. How can i disable this automatic feature?

  Thank you in advance!

• 

  thesacredpath · Member · May 20, 2014 at 3:46 pm

  • Copy link

  Hi there,
  1) If you create a Custom Menu for your site, you can add categories to it and create submenus and arrange the menu items as you desire.

  2) This can’t be done very well on a responsive width theme such as Adelle, and on lower resolution devices, the people may not be able to see all of your widgets since they will not scroll.

  3) Are you talking about in the widget in the sidebar?

  4) The footer credits have to remain in place per the Terms of Service (#11) but you can add your own copyright before or after those credits. The following puts your text before the WordPress footer credits. If you want it after, you can use .site-info:after for the selector. You can also edit the inserted text by changing “This is my footer text”.

  .site-footer:before, .site-footer:after {
      border: none;
  }
  .site-info:before {
      content: "This is my footer text";
      font-size: 130%;
      font-weight: bold;
  }
  .site-footer {
      background-color: #FFFFFF;
  }

  5) Changing a theme from Responsive to fixed is typically quite a bit of work and you may wish to talk to Elto, a WordPress.com customization service we are partnered with about what that would cost.

• 

  genvyy · Member · May 22, 2014 at 1:12 am

  • Copy link

  Thank you for your help so far.

  Point 1) – I have successfully created custom & sub-menus for my page. However, is there a way to align the text to the left? And also to adjust the size of the drop down box.

  I will also like to shift my the pages of my navi bar to the center.

  Point 3) – Yes i was talking about the widgets in the side bar.

• 

  thesacredpath · Member · May 22, 2014 at 4:49 am

  • Copy link

  Point 1: the following will left align the text in the submenus and make them narrower (was 200px).

  .navigation-main ul ul {
      width: 160px;
  }

  The following will center align your top level menu items.

  .navigation-main {
      text-align: center;
  }
  .navigation-main ul {
      display: inline-block;
  }
  #site-navigation .menu {
      margin-left: 0;
  }

  Point 3: The following will take the categories inline instead of as a list and put a comma between them.

  #categories-3 ul li {
      display: inline;
  }
  #categories-3 ul li:after {
      content: ", ";
  }
  #categories-3 ul li:last-child:after {
      content: "";
  }

• 

  genvyy · Member · May 23, 2014 at 9:32 am

  • Copy link

  Thank you!

• 

  thesacredpath · Member · May 23, 2014 at 8:52 pm

  • Copy link

  You are welcome.