Ambiance Pro Custom changes by newbie

Community Forums Forums Design Tips and Tricks Ambiance Pro Custom changes by newbie

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 3 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #108766


    Hi fellow members,
    I just wanted to share what I have played with the last few days since I purchased a Studiopress framework and theme.
    Hope it helps someone, as I had a bit of a struggle until I used Firefox Firebug to nail down the proper selector to use in editing the CSS file.
    I plan on using a custom shortcode to change all page tiles dynamically to images and am working on that now. Don’t know if I will let a script create the images on the fly or pre-create the images and pull them in as needed.
    The blog might make my decision for me.
    //* Added functionality for larger custom header image.
    //* Add HTML5 markup structure
    add_theme_support( ‘html5′, array( ‘search-form’, ‘comment-form’, ‘comment-list’ ) );

    //* Add viewport meta tag for mobile browsers
    add_theme_support( ‘genesis-responsive-viewport’ );

    //* Add support for custom background
    add_theme_support( ‘custom-background’ );

    //* Add new featured image size
    add_image_size( ‘entry-image’, 800, 450, TRUE );

    //* Add support for custom header
    add_theme_support( ‘custom-header’, array(
    ‘header-selector’ => ‘.site-title a’,
    ‘header-text’ => false,
    ‘height’ => 118, //* this was 80
    ‘width’ => 550, //* this was 360
    ) );

    //* Slide menu and dashicon to right
    /* Responsive Menu
    /* added this to see if this would slide the menu wrap to the right; it worked! */
    nav.nav-primary {
    margin-right: -165px !important;

    //* Slide Title area to the left, also change width and height of image box
    /* Title Area
    ——————————————— */

    .title-area {
    margin-left: -165px; /* added this to move Title area to left */
    float: left;
    padding: 10px 0;
    width: 550px; /* was 360px */

    .header-image .site-title > a {
    float: left;
    min-height: 118px; /* was 80px */
    width: 100%;

    //* Added this to allow for page contrast over a background color or texture.
    .site-inner { /* added a whole bunch of stuff to fill out a border and background */
    clear: both;max-width: 1200px;border: solid 1px black;padding: 20px 20px 0 20px;background-color: white;border-radius:15px;margin-top: -30px;

    //* Added to get min page height out of box so it won’t look so goofy
    /* Site Containers
    ——————————————— */
    .site-inner {
    min-height: 900px; /* added this to gain a minimum height */

    Post count: 9759

    Good stuff!

    However, please use Gitbhub Gists to embed PHP code as it breaks if you paste it in a web page raw.

    I plan on using a custom shortcode to change all page tiles dynamically to images and am working on that now

    What exactly do you want to do with your titles and why use a shortcode?

    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.