widen text column on page, cubic theme

  • Unknown's avatar
    aapcosfireg · Member ·

    hi, I am wanting to widen the text column on a page using the cubic theme.
    the page is a list of dates with links, and I don’t want the links to take two lines. If the column width were a bit wider, it wouldn’t be a problem.

    that or: how to break up the text so that it shows directly under the link text of the line above, rather than under the date. the space bar isn’t allowing this to happen.

    I prefer option 1 I think.

    Many thanks in advance! hopefully this is simple css!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, Cubic is a responsive width theme which adjusts to the width of the window/screen it is being viewed on, so if we widen things to where the text is all on one line, and someone comes to your site on a tablet, or has their browser window set narrower than our width for the content, the content is going to adjust width for their screen/window, so there is no way to guarantee everything will be one one line.

    I took a look at your Documents: 2002 to Present page, and the following CSS will widen the content width from 768px to 900px. I’ve used the unique page id body CSS class from the opening body HTML tag for that page (page-id-41) to limit this change to only that particular page. 

    .page-id-41 .entry-author, .page-id-41 .entry-content, .page-id-41 .entry-footer {
    width: 900px;
}

    I see on this page that you have some of your listings in a two column table. That would be my suggestion to keep the linked text from going clear to the left under the date when it wraps to two lines.

  • Unknown's avatar
    aapcosfireg · Member ·

    Thanks the sacred path! I appreciate you getting back to me.

    I also have been trying to figure out how to keep the tagline only on the front/home page. I can use this to keep it off the pages:
    .page-id-1 .site-description {
    display: none;
    }

    But….replacing page with post does not result in keeping it off the posts.

    I really want the tagline, so that I have a welcome statement, and can direct the users (many types of users, who may not understand the menu icon, etc.), but no one needs to be welcomed over and over! it also ends up taking up too much header space in general. But its important for the front. Any ideas?

  • Unknown's avatar
    thesacredpath · Member ·

    What we can do is to hide the site description from all pages and post with the first rule below and then bring it back on just the home page with the second. You will need to remove all of the existing site-description rules you have in your custom CSS and then paste in the following. 

    .site-description {
    display: none !important;
}
.home .site-description {
    display: block;
}

    I’ve used the home CSS class that is defined in the opening body HTML tag in the second rule to bring it back on just the home page.

  • Unknown's avatar
    aapcosfireg · Member ·

    oh man, I really wish that approach would work, rather than removing each individually. But, I can’t let go of some of the existing rules, because then I’ll have dates on everything, which doesn’t make sense in this context. : (

  • Unknown's avatar
    aapcosfireg · Member ·

    wait a minute…some magic may have happened….it seems to be working, even though I thought I undid it.

  • Unknown's avatar
    thesacredpath · Member ·

    Super, glad it’s working.

  • Unknown's avatar
    aapcosfireg · Member ·

    YOU ARE AMAZING!!!!

    thank you so much. I can’t tell you how appreciative I am. I’ve been at this for a couple of weeks trying to get that straight. So Happy!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome and glad to help. It’s nice to figure things out yourself, but please don’t hesitate to post here for help. That is why we are here. :)

  • The topic ‘widen text column on page, cubic theme’ is closed to new replies.