Return to Support

Blue Box over every Post, similar to widgets

Home Forums Graphene WordPress theme Support Blue Box over every Post, similar to widgets

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1127
    NeoKamui
    Member

    Hey there!

    I am currently changing the layout of our websites blog

    http://www.playandroid.com/blog/

    I would love to have the Blue boxes over every widget over every post, non regarding if it is on main or on a categorie site.

    Does anybodie now what i have to change in order to achieve that?

    #14653

    Not quite sure what you mean here. As far as I can tell, all of your widgets appear the same everyhere: posts, pages, category pages.

    Or do you mean this, which only shows up in your category pages? Do you want that to appear at the top of every post?

    Ken

    #14654
    NeoKamui
    Member

    Well that is another think.

    First of all i want to have the blue bar that i have over the widgets above every blog post. So that you have the Post-heading under the blue background with white font. The rest of the post is as it is right now.

    THe category box should be removed also

    #14655

    This is the CSS for the sidebar header:

    .sidebar h3 {
    background: url(images/bg-sidebar-h3.png) left bottom repeat-x #204C91;
    background: -moz-linear-gradient(#3577B4, #204C91);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3577B4), to(#204C91));
    background: linear-gradient(#3577B4, #204C91);
    border-bottom: 1px solid #195392;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    *display: inline;
    font: bold 16px/20px arial;
    margin: -15px 0 5px -12px;
    padding: 7px 12px;
    text-shadow: 0 -1px 0 #555;
    width: 100%;
    zoom: 1;
    }

    You will need to add that as custom CSS for the elements you want to change.

    #14656
    Wesley
    Member

    If I want that border for each of my page titles and post titles. Basically I want the same border as the widget on all page and post titles.

    Where exactly do I add custom CSS, or how?

    #14657
    Wesley
    Member

    This worked. I still have 3 problems:

    1. I want to change the color of the border to red, but I’m not sure which color needs to change. I changed them all to #ab0d18 and that didn’t work.

    2. I want to change the font to white, but that’s not working either

    3. Most importantly the top of the border is not in line with the sidebars.

    http://www.civilpeprep.com

    Any help would be appreciated.

    #14658
    Wesley
    Member

    So here is the code I have in the Custom CSS

    .type-page .post-title {
    background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
    background: -moz-linear-gradient(#ab0d18, #fff);
    background: -webkit-linear-gradient(#ab0d18, #fff);
    background: linear-gradient(#ab0d18, #fff);
    border-bottom: 1px solid #195392;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    *display: inline;
    font: bold 16px/20px arial;
    margin: -15px 0 5px -12px;
    padding: 7px 12px;
    text-shadow: 0 -1px 0 #555;
    width: 100%;
    zoom: 1;
    }

    For some reason the colors still remain blue on blue instead of red on white like my widgets.

    What can I do to get the page title block to match the widget block?

    http://www.civilpeprep.com

    #14659

    An idea: try changing

    .type-page .post-title {

    to

    h2 .post-title {

    This is what Firebug describes.

    Ken

    #14660
    Wesley
    Member

    That unfortunately did not work. I tried that and it removed the header block altogether.

    Also is there anyway to move the page up? If you take a look at my site the page is not in line with the sidebars.

    http://www.civilpeprep.com

    #14661
    Wesley
    Member

    Any ideas?

    #14662
    Syahir Hakim
    Keymaster
    .post {
    padding-top: 0;
    }
    .entry-content h1 {
    margin-top: 0;
    }

    #14663
    Wesley
    Member

    thank you so much, that worked!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.