How can i widen the post area on my blog?

  • Resolved Aliisaa

    (@aliisaa)


    11 years, 9 months ago

    Hi,

    I’m using the Ascetica theme on my blog, https://alisagonzalez.se. I would like to have all posts to be as wide as the sticky post below the header. How can i do this? I see that there is a Search box on the left, i would like to remove it and widen the post area (so that the pictures are bigger/widen as well).

    Does any one have an idea how i can change this?

    Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
    1. The search field sits in a ‘secondary sidebar widget’
      Go to the dashboard > appearance > WIDGETS and remove all widgets from the ‘secondary sidebar widget’ by dragging them to the left.
      2. #content {
        margin: 0;
    }
    2. Add the above code to the `style.css’ of your CHILDtheme

      3. You don’t have a childtheme yet?

      1. Install and activate ‘one click childtheme plugin
      2. dashboard >appearance > Themes > create the childtheme
      3. Dashboard > appearance > Themes > activate the childtheme
      4. Make the changes in the CHILDtheme!
      – copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

    3. browser: check the result
    Thread Starter Aliisaa

    (@aliisaa)

    @w.P. Ginfo

    Thank you for your help, i did all of that, but the secondary sidebar just moved to the left. The search box is not a widget, it seems to be build into the themes coding…

    Sorry, I forgot to add that bit…

    #sidebar-secondary .widget .search-form input[type="text"] {
    width: 0;
    display: none;
}

#content {
    float: left;
    width: 95.2121%;/*to widen the content area*/
}

    add this also to the ‘style.css’ of your childtheme

    More info:

    How to find which CSS to change

    About finding out ‘which things to change in your site [css / html / php]

    Well it’s all a bit like trying to solve a puzzle.
    Fortunately there are good tools for that.
    In your browser: Install / activate webdevelopment add-ons / plugins.

    Recommended: ‘Firebug’ and ‘webdeveloper: https://www.chrispederick.com ‘
    These tools will show you what’s what.
    e.g. right-click > inspect elements > click left bottom arrow-icon
    click item in webpage
    Inspect css on the right
    alter css values to test effect / result
    OK? copy altered css rule
    paste it in the style.css of your childtheme.

    Alternatively:
    Press <F12> a screen will show in the bottom.
    Move the mouse over each line
    The area shows in the top-half
    Press + to unfold parts
    Investigate and alter on the right etc.
    paste it in the style.css of your childtheme.

    check out:

    Thread Starter Aliisaa

    (@aliisaa)

    @w.P. Ginfo

    Thank you so mutch, it worked now ?? And thanx for the tip! I’ll have to start learning some ??

    Could i ask you one last thing before i start investigating and learning (i have a Mac, so i don’t think that F12 works the same way)?

    I would not know, I don’t have a mac. Push the key and find out… ??
    If you right-click the mouse you can also explore / explore with firebug.

    Have fun with your explorations.

    Thread Starter Aliisaa

    (@aliisaa)

    @w.P. Ginfo

    Hehe ?? That wasn’t what i was wondering about before i start exploring and learning.

    The question i had was if you knew where i can change the Leave a response text/link to leave a comment after each post? ??

    I’m not quite sure.

    Most themes have a file ‘comments.php’, a comments template or such.
    Like I said: I don’t KNOW, but that is where I would start my search for a thing like that.

    You can edit the ‘text, usually in single quotes ‘in these files to your needs, just don’t mess with the code.

    Thread Starter Aliisaa

    (@aliisaa)

    Thank you for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How can i widen the post area on my blog?’ is closed to new replies.

Tags