Less Text and Different Font in post excerpt!

4 replies
Hi guys, I am trying to do some css stuff, and I really suck at it.

I am trying to get less text and change the text format in wordpress, but I can't seem to find out how.

Here is my website homepage. If someone could help me I would be more than happy!

Thank you!
#excerpt #font #post #text
  • Profile picture of the author captainhass
    Hello,

    You can limit or specify the text length as you want by using the "more tag" when you''re writing the post.

    Suppose you will write this post like this
    "this is post intro bla bla bla
    Code:
    Put more tag here if you want the excerpt text stops here
    this is the next post text bla bla bla.

    You can find the more tag in the editor which you're using to format the post.

    For css, you should get the class of the text format which you want to format from the page source and then you can modify the css file.

    Suppose the text has a class called "excerpt_text", then you gonna search for it in the css file.

    The css code like this:
    Code:
    .excerpt_text{
    font-size:14px;
    color:#000000;
    font-weight:600;
    }
    So, you can edit the values for font size as you want.

    Good luck
    {{ DiscussionBoard.errors[4562229].message }}
    • Profile picture of the author dahlgren_m
      I will try some of your tips, also i submitted at the support forum of my theme!

      Thank you!
      {{ DiscussionBoard.errors[4562326].message }}
      • Profile picture of the author captainhass
        Originally Posted by dahlgren_m View Post

        I will try some of your tips, also i submitted at the support forum of my theme!

        Thank you!
        You welcome
        {{ DiscussionBoard.errors[4571325].message }}
  • Profile picture of the author lovenot
    Originally Posted by dahlgren_m View Post

    Hi guys, I am trying to do some css stuff, and I really suck at it.

    I am trying to get less text and change the text format in wordpress, but I can't seem to find out how.

    Here is my website homepage. If someone could help me I would be more than happy!

    Thank you!
    Open up chrome, right click on the element that you want to select and click inspect element. Hover over the <whatever> until you find the stuffs that are highlighted. Check the side and find the involved css. Go to your editor in your dashboard and ctrl f for the class name. Change the classname's variables and add !important to them.
    {{ DiscussionBoard.errors[4572170].message }}

Trending Topics