WordPress.org

Ready to get started?Download WordPress

Forums

ChaosTheory
[resolved] Question regarding block content (19 posts)

  1. cmurway
    Member
    Posted 1 year ago #

    Hello all,

    My site is http://www.thefitnessclinician.com and I am wondering if anyone has any ideas on how to make the content block wider so it matches up with the rest of the content. I appreciate any help with this...thanks.

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    Make change (override parent's) the width of #content to 980px

    #content { width: 980px; }

    Also, it looks like you have double parent stylesheet in child. You only need that @import line and make changes down below, there is no need to copy over the whole thing there.

    And this type of image used as background image should be saved as jpg. Now it's saved in png with a size of 500KB. When optimized for web and saved to jpg, it's become 49KB.

  3. cmurway
    Member
    Posted 1 year ago #

    Okay thanks!

  4. cmurway
    Member
    Posted 1 year ago #

    Changed it to jpeg and not its solid grey.

  5. cmurway
    Member
    Posted 1 year ago #

    Ohh you meant the Bodybuilder pic...my bad...pulled an all nighter.

  6. cmurway
    Member
    Posted 1 year ago #

    Thanks again! made the changes you suggested...not sure about the double parent stylesheet but will figure it out..lol. Would you recommend the site with the black transparent blocks or without? Thanks!

  7. paulwpxp
    Font hero
    Posted 1 year ago #

    This theme you are using is a good theme, it's by Automattic.

    There is a few tweaks that you should consider.

    If you want the background image to be "real" full width regardless of the screen size, put this in child stylesheet.

    html body {
    	background-attachment: fixed;
    	background-size: cover;
    }

    Right now it might look cover to you, but if you are using a bigger screen you would see the background image not covering all.

    Also, there are too many items in the menu, when hovering on it kinda mess with the last one that's already on the second line. For this, one of the menu item should be removed.

    Regarding the double parent stylesheet in child. It's just that you already have @import line, there is no need to copy over everything again.

    If not already yet, review this doc on child theme.
    http://codex.wordpress.org/Child_Themes

  8. cmurway
    Member
    Posted 1 year ago #

    Took out one of the menu items but now the nav is too short...any suggestions? I adding in that code for the background photo...thanks again!

  9. cmurway
    Member
    Posted 1 year ago #

    I made the font smaller in the nav menu....any suggestions on how to make the background (transparent one) go the width of the content block and header? Thank you so much! I get it now with having all that css copied again in my style.css I am too chicken to take anything out at this point..lol.

  10. cmurway
    Member
    Posted 1 year ago #

    Thanks again for your helpful suggestions.

  11. cmurway
    Member
    Posted 1 year ago #

    Quick question....Do you think that the content area should have that black transparency? I removed the blocks since I could not get anything lined up perfectly and darkened the area of the background picture where the text rolls over. Thanks again.

  12. paulwpxp
    Font hero
    Posted 1 year ago #

    From what I remember, the design looks better 2 days ago with that black transparency. The spacing between header, nav, and body even make it look kind of stylish. Getting rid of the space will make it look a little too bland.

    But anyway, it's your site your design, so it's up to you.

    The spaces are a result of top and bottom padding or margin of those elements. You can target them using Firebug or any Inspection tool.

  13. cmurway
    Member
    Posted 1 year ago #

    Thanks,Does the text get lost without the black transparency?

  14. paulwpxp
    Font hero
    Posted 1 year ago #

    No. This background with this text color, it's very readable to me.

  15. cmurway
    Member
    Posted 1 year ago #

    Thanks again for all your help. I really appreciate it.

  16. cmurway
    Member
    Posted 7 months ago #

    Thanks again for your help! Does my background photo fully cover on wider screens? and also is there a way to change the slight coloring of the search box and button (one is active when clicking and the other is hovering)....would like it all to be gray and not orange and blue...looked everywhere with firebug but no suck luck. Thanks again!

  17. cmurway
    Member
    Posted 7 months ago #

  18. Does my background photo fully cover on wider screens?

    Yes! It stretches to cover the whole browser window even at high resolutions. Here it is at 2501 X 1085px, for example:
    https://cloudup.com/cSvC8aJpeZV

    You should be able to style the search box with this:

    #searchform #s {
    /* put your styles here */
    }

    And style the search button with this:

    #searchform #searchsubmit {
    /* put your styles here */
    }

    If you have new questions about ChaosTheory, could you start a new thread rather than continuing with this old one? Thanks!

  19. cmurway
    Member
    Posted 7 months ago #

    Thank You! took them down while I figure out the coding for it. Thanks for the reply! I will start a new thread next time...my apologies.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.