[Peter]

Have you tried changing the WordPress settings? Dashboard > Settings > Reading and then select the "A static page".

[Peter]

No problems Mark. The style attribute will never be deprecated (unless the universe explodes) so it will always work. Best practice generally states that you should separate HTML structure from CSS presentation (in other words, avoid using the style attribute in HTML tags as much as possible). But obviously there are exceptions like this when style is the appropriate (and standard) solution.

[Peter]

Zerway, you should add the code exactly as shown (if unsure where to put it, then put it in the bottom of your stylesheet). What you did there was change the width for all of those elements listed, which is obviously not what you want.

[Peter]

In this case padding and margin won't make a difference. But best practice would be to use padding here. Padding is generally used when you want to add space inside of an element. Margin is generally used when you want to separate elements on the same level (siblings) from each other.

Do you only want to pad that section? If so then you're already done. If you want to pad including the title then

#black-studio-tinymce-2 .widget-wrap {
    padding-left: 200px;
    padding-right: 200px;

   /* ...or shorthand, padding: 0 200px; */
}

[Peter]

So you mean a non-link title/logo? If so, you could just strip out the anchor tag like so:

//* Modify the header URL
add_filter('genesis_seo_title', 'sp_seo_title', 10, 3);
function sp_seo_title($title, $inside, $wrap) {
	$inside = sprintf( '%s', get_bloginfo('name') );
	$title = sprintf('<%s id="title">%s</%s>', $wrap, $inside, $wrap);
	return $title;
}

[Peter]

oops, my bad

.scribble-teal .welcome-link {
    color: #fff;
}

put it at the bottom of the "welcome link" section (wherever that is), or if you're unsure then put it at the bottom of your entire stylesheet.

[Peter]

Mark, <p> elements are block-level by default (i.e., they are 100% width).

The .aligncenter class you've shown just turns the element into a block (which <p> already is) and then gives it margin: 0 auto; which centers the element... but remember the <p> is 100% width by default, so how can you tell if its been centered? Set that <p> to width: 70%; and then you will see.

I see no problem simply pressing the "align center" button in the post editor. It outputs <p style=”text-align:center”> and that is the normal way to do it. It's not a hack. But if you want to style that <p> more than just text-align: center, then you should use a class, like such:

p.aligncenter {
    text-align: center;

    /* ...other styles here */

}

and then <p class="aligncenter">. Though you can pick any class name, it doesn't have to be called p.aligncenter (especially if you don't it to inherit the properties from the other .aligncenter class)

[Peter]

Zerway,

#title-area {
max-width: 300px;
}

.header-widget-area {
max-width: 728px;
}

note: remember to remove #header widget-area { width: 31.11111%; }, or add the width to this instead.
You can use use width or max-width, but max-width will preserve the mobile responsiveness.

[Peter]

See the Studiopress code snippets:

Header

That will help you modify or remove the url.

[Peter]

.welcome-link {
    color: #fff;
}

The image at http://www.briangardner.com/wp-content/uploads/profile.png no longer exists.

[Peter]

^ Should point out the <center> tag is deprecated, the second css way is better.

[Peter]

Put it back in the header right widget area, that's the right place to put it. Need to see it, but you should be able to adjust the width of that area.

[Peter]

If you're sizing your fonts with rem units, then there might be a bug with the current version of Chrome.

Is this your problem? http://www.studiopress.community/topic/font-sizing-bug-in-chrome/

[Peter]

Have an example site? But I'll make a guess and assume #black-studio-tinymce-2 is the content's container. If so then

#black-studio-tinymce-2 {
padding-left: 100px;
padding-right: 100px;
}

should be all that's needed.

[Peter]

Where do you want that data to appear in your theme specifically? Since it already works, then it's just a matter of adding it to the markup. Did you try something like this? In the functions.php file:

function test_repeater_field_name() {
  if( have_rows('repeater_field_name') ):
    while ( have_rows('repeater_field_name') ) : the_row();
        the_sub_field('sub_field_name');
    endwhile;
  else : 
    // no rows found 
  endif;
}
add_action( 'genesis_loop', 'test_repeater_field_name' );

[Peter]

Without seeing your HTML, I can't say for sure. But from your description, you should apply the style to the widget's container (and not the widgets inside the widget container)

However, since your intention is simply to create white-space around your content, I recommend you instead to use padding on the container of your content. For example if your html looked like this:

<body>
  <div class="wrap">
    <div class="widget-area">
      <div class="widget">
        <p>some content</p>
      </div>
    </div>
  </div>
</body>

then you would add padding to the .wrap { padding-left: 200px; padding-right:200; } Again, I'd need to know the exact html to give a definitive answer.

[Peter]

No prob. Using the custom option is perfectly fine (It just adds the exact same code as above, but in the html instead of the stylesheet).

[Peter]

Does it work with other themes? Just a problem with Genesis? I'm not familiar with this addon but from the look of that code it looks like it belongs in the html of a template file (e.g, single.php, page.php, etc). I'm stating the obvious but it's probably best to ask the addon creator about this.

[Peter]

I'm guessing you're using a custom header function, I never use that myself. Much better to do that in the css stylesheet rather than hardcoding that style in the html.

[Peter]

What are you using to add that logo? I wouldn't recommend adding the logo that way, however you're doing it. Remove whatever that is, and just copy paste the above code to your stylesheet, it should work.

But if you want a navigation on the right then I guess that would be pointless. If your theme has a header right widget area, you can put a navigation widget (or whatever its called I don't remember) in there.

[Author]

Posts