Changes in Bueno Pages Size

• 

  gettingbendy · Member · Oct 21, 2013 at 12:43 pm

  • Copy link
  • Add topic to favorites

  Hello,
  How can I change with CSS the size of the page titles “about, bikram yoga for beginners, etc”
  Thank you in advanced,
  Eva

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

• 

  justpi · Member · Oct 21, 2013 at 1:30 pm

  • Copy link

  You mean the size of the links in the top menu, or the actual title you see inside the (white) content area when you view one of these pages?

• 

  gettingbendy · Member · Oct 21, 2013 at 3:41 pm

  • Copy link

  The site of the links in the home page.

  Many thanks for helping!

• 

  justpi · Member · Oct 21, 2013 at 3:49 pm

  • Copy link

  You’re welcome.
  Add this and change the value:

  #pagenav a {
      font-size: 25px;
  }

  You will be able to answer such questions yourself if you learn to use a developer extension (such as Web Inspector in Safari or Firebug in Firefox).

• 

  gettingbendy · Member · Oct 21, 2013 at 3:54 pm

  • Copy link

  does google chrome works too?

• 

  gettingbendy · Member · Oct 21, 2013 at 3:55 pm

  • Copy link

  Anyway thank you very much. I will follow your advice to be “support independent” :)

• 

  thesacredpath · Member · Oct 21, 2013 at 5:02 pm

  • Copy link

  Yes, Chrome has a web inspector also, and we have a brief screencast showing the basics of How to Find Your Theme’s CSS.

• 

  gettingbendy · Member · Oct 22, 2013 at 9:43 am

  • Copy link

  Thank you very much for your help

• 

  thesacredpath · Member · Oct 22, 2013 at 4:22 pm

  • Copy link

  You are welcome, and if you run into problems, we are always here to help. :)

• 

  gettingbendy · Member · Oct 22, 2013 at 6:13 pm

  • Copy link

  I am using the inspector now but the problem is that I never know what to get from the side and put in the CSS editor. I find the element but I saw that sometimes I have to put before a. or just a point… I wil learn little by little, I guess.
  Thank you very much!

• 

  gettingbendy · Member · Oct 22, 2013 at 6:16 pm

  • Copy link

  Now I want to delete the line below the titles of the posts. I see it with the inspector tool but I don’t know how to put it in the CSS editor. I also wnat to make the space in between smaller but I have the same problem.

  That is what I see but I don’t know how to “translate” it into the CSS editor

  post .title, .page .title {
  width: 100%;
  position: relative;
  margin: 0 0 30px 0;
  padding: 0 0 25px 0;
  color: #000;
  border-bottom: 1px solid #e7e7e7;
  font-size: 32px;

  Thanks in advanced!

• 

  gettingbendy · Member · Oct 22, 2013 at 7:44 pm

  • Copy link

  I just did it. i don’t know how, but I did it.
  Thanks!

• 

  justpi · Member · Oct 22, 2013 at 8:49 pm

  • Copy link

  Yup, you did it! You copypasted selector, properties and values, and you changed the values for border thickness, bottom margin, and bottom padding.
  One thing to keep in mind, to improve your skills: in the CSS editor you add what you want to change, so you can omit the lines you don’t tamper with (as they are redundant). So instead of the whole thing you could write just this:

  post .title, .page .title {
  margin-bottom: 10px;
  padding: 0;
  border: 0 none;

• 

  gettingbendy · Member · Oct 23, 2013 at 8:37 am

  • Copy link

  Thank you very much!