Syntax theme: changing the width (using Custom Design and CSS Revisions)

  • Unknown's avatar
    itstomrobinson · Member ·

    Hi from London. I’d appreciate your help with this problem. I’m using the ‘Syntax’ theme to learn more about CSS and web typography. Right now I’m trying to work out out how to change the width of my column of content using Custom Design.

    I’m treating this as a problem-solving exercise so please be patient with me, even if you think there’s a better way to solve this problem than the way I’ve chosen — like using a different theme!

    I’ve made several other changes using CSS Revisions. I’m trying to create/hack a simple, well laid out theme to use for an interview project I’ve been working on. (Current content is all bumf.)

    Thanks in advance, hope you’re all having a good day,
    T

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

  • Unknown's avatar
    designsimply · Member ·

    Cool! It’s neat to hear about how you’re going about learning this stuff.

    Right now I’m trying to work out out how to change the width of my column of content using Custom Design.

    I would use browser tools to look for width or max-width values on container HTML elements. Here’s a screencast example showing how:

    You might also like:
    http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    When looking at your custom CSS, I noticed you are blocking ads. That is not allowed. Can you please stop doing that? :)

    Aside: it’s a bit on the advanced side of things, but you can turn off any theme’s original CSS using the “Start Fresh” option under the CSS editor in the Appearance > Customize > CSS panel on any theme at WordPress.com. That option effectively let’s you turn any theme into a completely blank slate. Pretty cool!

  • Unknown's avatar
    itstomrobinson · Member ·

    I couldn’t help myself: when I started looking around for things to tweak the footer had to go. I will resurrect them next time I open the custom design editor (I’m at work at the moment).

    (I assume that’s what you mean by ads as I am not blocking site ads as far as I am aware…)

    Thanks for your tip: actually I have already tried that. Unfortunately there are many, many max-width tags, and I can’t work out which one, if any, is the ‘master’ control.

    Confusingly the theme’s creators state that the width is 757px but I can’t find any instance of ‘757’ in the CSS, only max.width tags with values of 800px.

    Could anyone look at my CSS and see if they can locate a master max-width/width element? Is this difficult because Syntax is a responsive theme?

    Thanks so much. Here’s my CSS:

    https://s0.wp.com/_static/??-eJyFUtF2wiAM/aEhc7rt7GFn3wI0bVEgHJJa/fulddapZ+yJG7g3JDfRY1Y+uTA0QNoR6cZQ7x0mWkWfVnLzpO8pppEnZU25oYiGIbGOg8ph6HwiTYMlV3xmL/l0iyHgWOP3eICi7GBtkK+ITwEeK9iRZqlwb/G4gFrS4PeTCjgbt1dzVKP71Prk+bSAaoM9FnZ4MYaCF9jjqJaHmnrxUd4dRnX1tSJyWEDuYzY8MSI03kCAKLSaLOa3i2qCvXjxaAP3kod0HqymU2JzvJvBPzw1t3Fme52Q5z1aQK084cAvQ9ThpcbuAFVAZ6a9uglUG4yv2lfABuwEdvPErmFNxEiqQJaRqhZLvI9r0ozE56pkWUyZ/v056w0mKGf3rvCvMfRb3QW0JtQyjr7pgM9r2iE2BUwzZ/yKn+vt8+Z1vX7/2Oy+AW3Ehzw=

  • Unknown's avatar
    designsimply · Member ·

    I couldn’t help myself: when I started looking around for things to tweak the footer had to go. I will resurrect them next time I open the custom design editor (I’m at work at the moment).

    Removing the footer credits is against the WordPress.com Terms of Service. We ask that you please keep them present and readable.

    Thanks for your tip: actually I have already tried that. Unfortunately there are many, many max-width tags, and I can’t work out which one, if any, is the ‘master’ control.

    I think my example will do what you described: “change the width of my column of content.” :)

    Can you add it to your custom CSS and show me that it doesn’t?

  • Unknown's avatar
    itstomrobinson · Member ·

    With a bit more attention I have opened my ears and listened to your brilliant advice!

    Thank you for taking the time to show me how to look back through nested markup to find the element I need. That’s such a useful thing to have found out; I’m really grateful.

    All the best!
    Tom

    P.S. Ads are back

  • Unknown's avatar
    designsimply · Member ·

    Thanks and cheers!

  • The topic ‘Syntax theme: changing the width (using Custom Design and CSS Revisions)’ is closed to new replies.