Support » Theme: Author » Text width

  • Resolved KZimm

    (@kzimm)


    I like the theme but i would like to change the width of the text page.

    I looked at the page with the developer tool (right click) and I see all kind of style information. But I’m unable to locate that in the files.

    Where do I need to look and what would the syntax be?

    I am not a programmer.

    Kind regards!

Viewing 13 replies - 1 through 13 (of 13 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Author!

    The easiest way is definitely to use your browser’s dev tools. That said, the CSS for parts of the site like the layout gets a bit complex.

    Try the following CSS for changing the width of the page:

    @media all and (min-width: 59.375em) {
    
      .main {
        padding-right: 5.555% !important;
      }
    }

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    Here is the effect that will have on the layout: http://pics.competethemes.com/image/0a2b3V0U3f1w

    Hi KZimm
    I hope you have solution now .

    Hi
    Can you have live url for check.

    Thanks
    Musa

    @ Hi Ben,

    Thank you for the fast answer. It works, but now a follow up question: I test-wise changed the numbers, but the new width seems to remain the same.
    Is fine tuning possible?

    @ Md Musa
    sorry, I can’t show you now. Right now I am testing that on localhost

    Theme Author Ben Sibley

    (@bensibley)

    Sure, changing the “5.555%” value will move the right-side of the content either closer or further from the edge of the screen.

    You can also add the padding-left value to control the distance between the sidebar and the main element like this:

    @media all and (min-width: 59.375em) {
    
      .main {
        padding-right: 5.555% !important;
        padding-left: 5.555% !important;
      }
    }

    Hi Ben,
    thanks again. That was very helpful.

    I am rather new to WordPress and still playing with the features, but I am slowly getting it.

    I tested 2 hierarchical menus – “simple page ordering” and “custom menu wizzard”. Both work although the first appears to be able to show more hierarchical levels. What is a little bit annoying is when I go down the hierarchy and click on an item, the corresponding page shows up but the menu completely closes back to the main level items. Is there a way to prevent that and keep the selected hierarchy level visible?

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing 🙂

    I’m not familiar with those plugins, but perhaps there is an option in the settings for this?

    Otherwise, the easiest way to do this would be to display the menu completely open at all times.

    Or, you could check the current page and conditionally add a “show” class to the corresponding menu item (or it’s hierarchical parent) and use that class to style the menu to be open when on that page.

    Well, displaying the menu completely open could become unwieldy. There are no options in the widget settings to control any open-close behavior and doing some programming is beyond my means.

    Just to share a few observations: I testes 3 menu widgets on six themes with left side bars. All widgets behaved similarly. On 4, none of the hierarchical features of the widgets worked. On two, Author and Twenty Fifteen, they worked. The difference is: in Twenty Fifteen, a sub menu structure remains open when a page is opened, in Author, the menu structure completely closes. There is an interaction between the working of the widgets and the theme.

    Kind regards

    Theme Author Ben Sibley

    (@bensibley)

    Hmm that is very interesting. Could you share a link to one of the plugins that keeps the submenu open in Twenty Fifteen and not Author? I’d love to check it out and see if I can emulate this behavior with Author.

    Sure

    one of the menus is called simple page ordering
    https://wordpress.org/plugins/simple-page-ordering/

    I tested that with Opera 12 and Firefox.

    Theme Author Ben Sibley

    (@bensibley)

    Ah okay I see what you mean. Rather than relying on a plugin like Simple Page Ordering, you can use the menu system in WordPress. This will give you more flexibility and control over the menu. We have a detailed tutorial you can follow to use the menu system with Author here: https://www.competethemes.com/help/customize-menu-author/

    I found how Twenty Fifteen is keeping the menu open, and I will add the same feature to Author in its next update. It will just require that a menu is set with the menu system to work properly.

    I am really still on the learning curve (-:

    The use of the internal menu you recommended – well I was using that all the time. By linking the name oft the menus created there in the Author settings-menu, I was in fact not using the selected menu widget. That’s why all the menus looked and worked the same, regardless of the menu widget selected.
    The widgets menus have to be activated separately under widgets. But in Author, the close-open hierarchical features of those widgets do not seem to work. Some are always completely expanded, other do not show a hierarchical structure.

    Sorry for creating confusion and thank you for your patience. I am looking forward to the next upgrade.
    Best regards

    Theme Author Ben Sibley

    (@bensibley)

    Okay that makes sense, thanks for clarifying.

    I wouldn’t have thought to keep the submenus open like that, but it’s a cool feature and one I’m excited to bring to Author now.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Text width’ is closed to new replies.