Support » Theme: Montezuma » Border color as opposed to whole page color

Viewing 15 replies - 31 through 45 (of 87 total)
  • Thread Starter considerthis1

    (@considerthis1)

    If it’s working for you, I’ll trust that it will work for me tomorrow. It’s still all yellow for me, even after closing my browser and restarting.

    Re my first site: I used to get up eagerly at dawn to see what you’d written and how it was going to improve my site. Then, all of a sudden my site was pretty much in order. I woke up at dawn… but there was no new message from you to incorporate into my site and my day. That aspect of having my site more complete was a little sad making. (Which is to say there’s an aspect to my new site not working perfectly that’s rather nice.)

    I hope all is well with you and your daughters, your whole family, actually!

    Happy to see that you fixed the problem. I see the whole website with a white background color now, is that what you wanted? I noticed that at the bottom of the page the social icons have an arrow over them which is not very nice to see. Not sure if it is a problem of the social plugin you’re using but if you want to remove that strange arrows you cold try with this code

    .hentry ul li i, .comment-text ul li i {
    display: none;
    }

    If the rule doesn’t work, add !important after the ‘none’ property.

    As an alternative, try to see in the configuration options of your social plugin if there’s something about these strange arrows. When we become expert with CSS we tend to fix any problem with a custom CSS code while sometimes simply changing some options around could do the work!

    Thread Starter considerthis1

    (@considerthis1)

    Oh dear, I was afraid the whole page was going to be white. That’s not what I want. For some reason it doesn’t change on my computer.

    Yes, I saw those arrows on the social media plug in… I used JetPack to do it. I’ll go see if I can find the css for it…

    Thank you.

    I’ll also change some of the other css to see if I can make my pages yellow on the outside, and white in the middle… But, when I can’t see any results, it’s … faith oriented? Maybe I just need more faith.

    Thank you, Masses!!! for the help.

    Karen

    Ok, if you want the yellow color on the outside the you have to change again the color of the body.

    body {
    background-color: #ffff99;
    }

    With this code I have a yellow color on the border including the header and the background of the content area is white

    Thread Starter considerthis1

    (@considerthis1)

    Hi daprela ~~~

    Okay, I’m going to go do that…

    I did that.

    But what makes the white on the inside?

    The first day I got the whole page yellow, but the menu was in a white box. I could only see the change the next day.

    Then I got the menu to be yellow and smooth…

    But today I can’t see any changes take place.

    Do you know of a way I can see the changes????

    You must think about CSS as a set of boxes inside boxes inside boxes….. Every Id or class under which you set a property is a box inside some bigger box.
    Basically, in you theme you have two big boxes.
    One is the ‘body’. Body is an html tag under which you put everything, so the styles you set in the body affect the entire site. Think of ‘body’ as the box that has everything inside it.
    Then the other big box is the ‘main’ area, which includes all the content. excluding header and footer (so we could say that the ‘body’ box has three boxes inside it, footer, main and header). The style you set in the smaller area usually overwrite the one set in the bigger area. So, you’ve set white as background color in the main area, and this goes over the white color of the body area.

    If you open Firebug in Firefox you can see the html code of your page on the left area. If you select the html tags you will see what area is affected by that tag. These tags have (almost all of them) an id or a class assigned. This is the name of that box in CSS. So, if you see an html tag (typically div) that has an id=”mytag” and you want to change the background of that area you’ll have to put a code like this:

    #mytag {
    backgroun-color: #fff;
    }

    This is basically how CSS works. Hope it’s clear. If not, just ask! 🙂

    Thread Starter considerthis1

    (@considerthis1)

    Hi deprela ~~~

    Since my brain injury I have a really hard time dealing with things that aren’t sequential. I have so much trouble remembering how boxes and sets work. I can never remember which is controlling. That’s sort of why I start at the top of the page and proceed in sequence down it…

    I had thought that copying the code from my first site would make the second site look like it. Maybe it did.

    On my computer my site has been all yellow, all day. Even when you saw it as all white.

    One of the ways I do things is to just keep trying and see what results in something closer to what I want… but when the changes I write in don’t change what I see on my computer screen, it rather throws a wrench in the works.

    I have solar and I have to turn off my backup battery now.

    I’ve changed the code to what I think you mean… so maybe tomorrow my site will look the way I keep hoping it will look.

    Thank you!!! Also, maybe tomorrow when I’m fresh I can find a way to remember how it works from the bigger and littler explanation

    Hi, Karen:

    Sorry, when you said you wanted the body to be white, I thought you were referring to the entire page, which is what the HTML body element represents. You were right initially to change just #main, which is the section that just displays the text portion of the page. So go back & change the white back to yellow in the body selector.

    Thread Starter considerthis1

    (@considerthis1)

    Hi again,

    Three questions:

    Please can you tell me if the middle is white now?
    (it’s not on my computer, but maybe your computer isn’t holding an old image…)

    On my first site I had a bit of margin above my site image at the top. I tried for weeks to get rid of it, but couldn’t. Now it’s gone, and I keep trying to scroll the picture up as if part is missing. How can I get a tiny bit of margin on each of my sites?

    And, if you use the comment feature, does that mean you have to have the little “bubble” with the number of comments show, next to the title of the page? If the bubble can be removed, HOW???

    Karen

    Thread Starter considerthis1

    (@considerthis1)

    Oops, I forgot…

    Thread Starter considerthis1

    (@considerthis1)

    well, that didn’t work…

    Here, I hope, is the link to my site…

    http://off-grid-insights.com/

    This is what your site looks like. The middle and sides are white.

    How can I get a tiny bit of margin on each of my sites?

    The image in the header has an ID of #headerImage, so you can add some spacing around it with the margin property. Put this in your various.css file:

    #headerImage {
       margin: 20px 0px 20px 0px;
    }

    The first value is for the top margin and the rest of the values go clockwise around the image, i.e., the second value is for the right margin, the third value is for the bottom margin, and the last value is for the left margin. I would probably keep the left and right margins the same.

    If the bubble can be removed, HOW???

    Go to the Sub Templates section and edit your virtual postformat.php file. You should see a section that looks like this towards the top:

    <h2>
    	<span class="post-format"></span>
    	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a>
    	<?php bfa_comments_popup_link( '0', '1', '%' ); ?>
    </h2>

    Remove the entire line that has the bfa_comments_popup_link function, so it now looks like this:

    <h2>
    	<span class="post-format"></span>
    	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a>
    </h2>

    I see that you also have a Google +1 bubble under your post/page titles; did you add that using a plug-in?

    Thread Starter considerthis1

    (@considerthis1)

    Good Morning Crouching Bruin ~~

    Oh dear, I really am confused. This is how my site looks on my computer:
    http://awesomescreenshot.com/0291ws8102

    that’s the visible part on my computer. But, you can see it’s LOTS different from what you are seeing.

    I wonder why none of the changes I’ve made over the last few days appear on your computer? Any ideas????

    It’s odd when I want to follow your directions, but the changes aren’t showing for me… Still, I’ll go do the margin thing. Thank you for showing me exactly where the code is supposed to be.

    The Bubble. I found similar instructions to yours, but following them made no difference… now I think it’s because while changes in the text that I make come across and appear, changes to my basic site don’t appear.

    How can I change this, till I get my site looking the way I want at foundation level.

    Yes, I used a plug in for the Google Plus bubble…

    Sigh… I wonder why this is so confusing for this site, and on my last one the issues didn’t seem as intrusive…

    Thank you for your help 🙂

    Karen

    Thread Starter considerthis1

    (@considerthis1)

    Hi CrouchingBruin…
    I went to HostGator Chat. Apparently, even though I had deactivated the SuperCache plugin, it still did the caches until I cleared them.

    So, I’ve cleared them and it’s not active, but the margin did not appear when I put it in…

    I’ll go try removing the bubble via your instructions.

    Thread Starter considerthis1

    (@considerthis1)

    I found exactly the bubble line, removed it… my site didn’t look any different.

    Sigh.

    I’m going to close the browser. To see if that helps.

Viewing 15 replies - 31 through 45 (of 87 total)
  • The topic ‘Border color as opposed to whole page color’ is closed to new replies.