Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Page title

  • #4041
    Avatar photo[anonymous]

    hello ~ i’m new publii user , I have a question about the title .

    How can I not display the title of the article on the homepage, because I think the font of the title is very large and takes up space

    How to cancel the red box as shown in the figure below

    #4042
    Avatar photo[anonymous]
    [anonymous] wrote:

    How can I not display the title of the article on the homepage, because I think the font of the title is very large and takes up space

    I assume you mean not show the title in a list of articles on the home page. I don’t know how comfortable you are with code, but one solution is to write some css to change the look of the titles on the homepage. You didn’t say which theme you’re using, but whichever it is, you can edit the file main.css in your assets folder with any text editor, and change the appearance of any element. Or you can just add some css within Publii: Go to “tools” (the bottom most menu item in the Publii main screen), then click “Custom CSS”, and enter some code. Something like this:

    article > h2 {
      font-size: 1.3em;
      margin-bottom: .5em;
    }

    Save, publish, and see the results. You can change the numbers until you achieve the font size and spacing you want.

    How to cancel the red box as shown in the figure below

    I don’t see any red box (did you have a screen shot you wanted to share?).

    If you need more info, reply here and tell us which theme you’re using, and how comfortable you are editing html or css code.

    #4043
    Avatar photo[anonymous]

    Is the title of each article not displayed on the web page
    My level of code is that beginners are learning, so I am not familiar with it yet
    The theme I use is Editorial 2

    https://marketplace.getpublii.com/themes/editorial-2/

    Sorry, unfamiliar with the code caused you troubles, I am a Taiwanese user, so I use translation, I hope it does not cause trouble to you

    #4044
    Avatar photo[anonymous]
    [anonymous] wrote:

    Sorry, unfamiliar with the code caused you troubles, I am a Taiwanese user, so I use translation, I hope it does not cause trouble to you

    I think Google translate is failing us.

    [anonymous] wrote:

    Is the title of each article not displayed on the web page

    My level of code is that beginners are learning, so I am not familiar with it yet

    The theme I use is Editorial 2

    If I understand you correctly, then the code I gave you will change the titles only on the home page. It will not change the titles on individual post pages.

    It’s late here, but tomorrow I can try taking a look at Editorial 2. Then maybe I can give you more specific advice.

    #4045
    Avatar photo[anonymous]

    thank you very much , i’m like publii app  and i hope i can Promote this in taiwan . Let more use and learn . I wonder if Publii is considering providing a Chinese version? Or I can help translate @@ and other problem is publii’s project in my macbook . if i’m work in my office  , and i’m download publii app in my office windows 10 , i can’t watch my project ? Or is there any way to synchronize projects in different computers ?

    ——————————-

    ok , i’m problem for this image . i hope  in Red box’s article title can narrow or no display on any page . if you can , i hope you teach me how to do it !? So I can practice more And learn more about publii . I am  very grateful for your help ! thank you very much ~

    -2020-10-12-下午9.22.00

    #4048
    Avatar photo[anonymous]

    i’m try it .. is working @@

    -2020-10-12-下午11.05.07
    -2020-10-12-下午11.05.25

    #4052
    Avatar photo[anonymous]
    [anonymous] wrote:

    if i’m work in my office , and i’m download publii app in my office windows 10 , i can’t watch my project ? Or is there any way to synchronize projects in different computers ?

    There is! Instructions are here:

    https://getpublii.com/docs/publii-on-multiple-computers-via-dropbox.html

    I just discovered that page myself. It requires Dropbox, but you can set up a Dropbox account for free to get started. I’m going to start using this idea myself very soon.

    #4053
    Avatar photo[anonymous]
    [anonymous] wrote:

    i’m try it .. is working @@

    Glad to hear. If you want to not show titles, you can do something more straightforward:

    h1 {
      display: none;
    }

    Either way, this will erase /all/ titles on your site, on every page. If you want to make them smaller, you can set a font-size that’s small but not 0.

    h1 {
      font-size: 1rem;
    }

    That would make it the same size as paragraph text. 1.1rem will be slightly larger. Etc.

    #4059
    Avatar photo[anonymous]

    orry, if I want to reduce the distance of the red arrow, where should I write CSS?

    -2020-10-13-092648

    In addition, is there any instruction on how to make or modify the theme? I did not find it in the file

    Thank you very much for your reply, thank you

    #4062
    Avatar photo[anonymous]
    [anonymous] wrote:

    if I want to reduce the distance of the red arrow, where should I write CSS?

    h1 {
      margin-bottom: 0;
    }

    That will eliminate the margin altogether. You can provide a small margin by change 0 to a small number `5px` or `.2em`.

    In addition, is there any instruction on how to make or modify the theme?

    I started with this page: https://getpublii.com/dev/

    #4093
    Avatar photo[anonymous]

    thank you for your reply , i’m try it css , but it not work .

    h1 {
      margin-bottom: 0;
    }
    #4127
    Avatar photo[anonymous]
    [anonymous] wrote:

    i’m try it css , but it not work .

    I don’t use the theme you’re using, so I don’t know what your finished page is, and it’s difficult for me to know why the css does not work without seeing a generated page. Maybe there’s a margin above the image. You could try the following:

    figure {
      margin-top: 0;
    }

    No guarantees. If you want to get very precise with your layouts, you’ll probably need to learn some html and css.