Help with suburbia theme

  • Author
    Posts
  • #1457016

    pinnochia
    Member

    Hello there
    could anyone kindly help with the suburbia theme? I am trying to reduce the overtly long columns on my site.
    and possibly also to reduce the columns
    thanks

    The blog I need help with is fernandacookies.org.

    #1457135

    pinnochia
    Member

    somebody got an idea please?

    #1457219

    siobhyb
    Staff

    Hey there. This topic’s been marked as resolved. Did you manage to find a solution to your problem? Or do you still need help?

    #1457220

    pinnochia
    Member

    Hey whats up. Seems you got ideas about suburbia? yea I was able to work round it.
    But now got a new problem, as usual with a blogger :) Or let’s say with a new blogger
    Is it possible to make the design of an entire page diffrent from the rest of the site? For instance on my site is it possible to make the home be without a column and so spread to the rest part of the page. I think its just following the 3-column of the entire css.
    Anyway I could write a special css for the home page?
    Thanks Sio

    #1457223

    justpi
    Member

    Yes, it’s possible to add code that would apply to the home page only. Instead of this:
    whatever {
    you’d write this:
    .home whatever {

    But I don’t understand what you mean by “make the home be without a column and so spread to the rest part of the page”.

    #1457224

    pinnochia
    Member

    Thanks justpi. Nice to have you here!
    I mean, there are four columns on the site (sorry not three). But on the home page, I do not even want any column at all. I just want it to be a plain page to welcome. Then I can place watever I want in there and probably replace the background too?
    thanks

    #1457227

    justpi
    Member

    You’re welcome, but I’m still not sure I understand correctly. If you mean you want to remove the footer widget areas from your homepage, add this:

    .home #bottom-wrapper {
        display: none;
    }

    #1457228

    pinnochia
    Member

    i guess I created a misunderstanding when I use the word “home”. By “home”, I meant the home category which I created on the page actually, serving as a page link.
    Maybe the question should be : is there a way to add a code that would apply to each particular page on my site. Right?

    #1457229

    pinnochia
    Member

    it’s amazing how you guys know what to write! wao. I just tried out those gadget stuff. Even though I did not initially plan to remove them, I’m considering it now! Wao thanks. nice.
    Exactly. That which has been done here, supposing I wish to customise any other page, it is possible to apply such customizations to just that page, right? That has been my questions.
    thanks justpi

    #1457230

    pinnochia
    Member

    I mean for instance, the contact page. Supposing I wished to remove the column, and maybe also the widgets and leave just contact information. What would I do? That is what I mean by customizing a particular page.

    #1457240

    justpi
    Member

    a) Yes, you can customize just one particular page, the way I showed above: before the selector(s) for the elements(s) you want to target, you put the selector for the page you want to target.
    b) The theme has three areas: left sidebar, main content, right sidebar. So what exactly do you mean by “remove the column”? Remove the right sidebar?
    c) As for the Home thing, you need to reconsider: on all sites, “Home” is a link to the homepage (= landing page = main blog address = blog front). There’s no point having a “Home” category. What were you trying to achieve when you categorized a post under such a category? If you wanted to create a page for your posts, that’s not the way to do it.

    #1457243

    pinnochia
    Member

    You are right, I got the concept of home wrong. I’ll just remove it I guess.

    I had created the categories to give a look of a website, with different links to different pages, perhaps I did not get that done well? Anyway, im removing the ‘home’ category now

    But supposing I want the ‘contact us’ post to look just like the home page with only two areas (a sidebar and a main content), what do I do? Post as a page? unlike what I have now here(a post in the contact us category)
    Sorry for the complications!

    #1457250

    pinnochia
    Member

    Hi Justpi. Forget all the comments before. I’ve just redesigned the whole site.
    Could I make each of the links on the left have different font? And also could they have different colour to reflect the flavors? Just wondering if possible.
    Thanks

    #1457271

    pinnochia
    Member

    Justpi please??

    #1457277

    siobhyb
    Staff

    Could I make each of the links on the left have different font?

    You could using the following CSS:

    .menu-your-cookies-just-as-you-like-them-container {
    font-family: FONTFAMILY;
    }

    Where FONTFAMILY is the name of the font-family you want: http://css-tricks.com/snippets/css/css-font-families/.

    And also could they have different colour to reflect the flavors?

    Yes, this is possible as each menu item has an individual ID attached to it. For example, you could target “Blueberry” using the following snippet:

    #menu-item-249{
    color: COLOURVALUE;
    }

    Where COLOURVALUE is the Hex/RGBA code for the colour you want: http://cloford.com/resources/colours/500col.htm.

    #1457293

    pinnochia
    Member

    amazing! thanks. But how do you know these stuff? Can you tell me please?
    In any case the font code worked. However the code color did not. The color wouldn’t change :(

    #1457296

    siobhyb
    Staff

    Hey. Sure. You can find some great resources for learning CSS online. W3Schools is probably the most widely used online tool for learning HTML and CSS: http://www.w3schools.com/. I also really recommend Codecademy, a free online learning tool for learning how to program for the web: http://www.codecademy.com/.

    You can view the code behind any website you visit by using your browsers inbuilt inspector tools. Just right click and choose select the “Inspect Element.” More information on this can be found here: http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/.

    However the code color did not. The color wouldn’t change :(

    Sorry, the CSS should have targetted the anchor inside the ‘#menu-item-249’ as follows:

    #menu-item-249 a{
    color: COLOURVALUE;
    }

    That should work. Let me know.

    #1457299

    pinnochia
    Member

    Hi Sio
    Thanks for that info.

    As for colour, it still did not change with the code
    #menu-item-249 a{
    color: COLOURVALUE;
    }

    I even tried to see if the fuller code
    .menu-your-cookies-just-as-you-like-them-container #menu-item-251 a{
    would work, but no way. Both codes simply show the ‘a’ value in red.
    color: #0000FF

    #1457300

    pinnochia
    Member

    kindly ignore the last line (color:#0000FF)

    #1457301

    pinnochia
    Member

    Hurray Sio!
    It worked with .menu-your-cookies-just-as-you-like-them-container #menu-item-249 a{

    :) thanks deary

The topic ‘Help with suburbia theme’ is closed to new replies.