Support » Theme: Accesspress Basic » Customization Footer color, logo etc.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hello,
    1. Try by adding the bigger logo size.
    2. Add below CSS

    .site-footer .site-info {
        background: #d0eff6;
    }
    
    .copyright-info {
        color: #424242 !important;
    }
    .copyright-info a {
        color: #424242 !important;
    }

    3. You need all the paragraph color to other or only one text color? Please elaborate this question.
    Thanks

    Thread Starter cherylking

    (@cherylking)

    Hi there!
    Thank you so much for your help, your code has helped me change the footer background color and font color!

    For 3, if you look at the content, there is a Gallery area and under the photos has a link called “More Images”. The link now is colored red but I would like it to be in #2449a3.

    Regards,

    Thread Starter cherylking

    (@cherylking)

    Hi again,

    The theme only allows an upload of a small logo (190×70) but I would like a bigger logo in the header.

    My logo’s link from the wp-media is:
    http://www.cheshireimpressions.co.uk/wp-content/uploads/2014/05/newlogo.jpg

    Regards,

    For 3 following code will work

    .entry-content p a {
        color: #dc3522 !important;
    }

    I tried for logo after installing theme at local machine, I think you have to customize the header template for full page logo with custom url to logo

    Theme Author Access Keys

    (@access-keys)

    Hi cherylking,
    You will nee to make the changes within the code itself to use the logo with bigger size in accesspress basic theme. Try Accessing ‘\accesspress-basic\inc\custom-header.php’ change the value for the height and width at line no. 29 and 30 as per your requirement.
    Thanks,

    Thread Starter cherylking

    (@cherylking)

    Hi,
    Thanks I have found the area in the css but how do I edit the code to add the image source and its height and length?

    <div class="header-logo-container">
                                            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="<?php echo header_image(); ?>" /></a></h1>
                                        </div>

    This is the link of the image I would like to use:
    http://www.cheshireimpressions.co.uk/wp-content/uploads/2014/05/newlogo.jpg

    Regards,

    Thread Starter cherylking

    (@cherylking)

    Sorry, this is the code

    <div class="header-logo-container">
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="<?php echo header_image(); ?>" />
    </a>
    </h1>
    </div>
    Theme Author Access Keys

    (@access-keys)

    Hi cherylking,
    As previously mentioned you’ll have to open ‘\accesspress-basic\inc\custom-header.php’ then change the value for the height and width at line no. 29 and 30 as per your requirement. Then try again uploading the logo image and that should work.

    Based on the above code you’ve message, it seems like you are referring to the code from header.php file which is not what we are referring to. We are referring to ‘\accesspress-basic\inc\custom-header.php’ file.
    Thanks,

    Thread Starter cherylking

    (@cherylking)

    Hi,

    Thanks I have found the file. I have changed the dimensions and can see them but the problem now is the image is not appearing whether I upload in the ‘theme options’ or the ‘header’.
    Here is the code:

    'default-image'         => '',
    'default-text-color'     => '000000',
    'width'                  => 400,
    'height'                 => 194,
    'flex-height'            => true,
    'wp-head-callback'       => 'accesspress_basic_header_style',
    'admin-head-callback'    => 'accesspress_basic_admin_header_style',
    'admin-preview-callback' => 'accesspress_basic_admin_header_image',
    	) ) );
    }

    Did I miss anything?

    Regards,

    Thread Starter cherylking

    (@cherylking)

    Here is all the code:

    <?php
    /**
     * Sample implementation of the Custom Header feature
     * http://codex.wordpress.org/Custom_Headers
     *
     * You can add an optional custom header image to header.php like so ...
    
    	<?php if ( get_header_image() ) : ?>
    	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
    		<img src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="">
    	</a>
    	<?php endif; // End header image check. ?>
    
     *
     * @package Accesspress Basic
     */
    
    /**
     * Set up the WordPress core custom header feature.
     *
     * @uses accesspress_basic_header_style()
     * @uses accesspress_basic_admin_header_style()
     * @uses accesspress_basic_admin_header_image()
     */
    function accesspress_basic_custom_header_setup() {
    	add_theme_support( 'custom-header', apply_filters( 'accesspress_basic_custom_header_args', array(
    		'default-image'          => '',
    		'default-text-color'     => '000000',
    		'width'                  => 400,
    		'height'                 => 194,
    		'flex-height'            => true,
    		'wp-head-callback'       => 'accesspress_basic_header_style',
    		'admin-head-callback'    => 'accesspress_basic_admin_header_style',
    		'admin-preview-callback' => 'accesspress_basic_admin_header_image',
    	) ) );
    }
    add_action( 'after_setup_theme', 'accesspress_basic_custom_header_setup' );
    
    if ( ! function_exists( 'accesspress_basic_header_style' ) ) :
    /**
     * Styles the header image and text displayed on the blog
     *
     * @see accesspress_basic_custom_header_setup().
     */
    function accesspress_basic_header_style() {
    	$header_text_color = get_header_textcolor();
    
    	// If no custom options for text are set, let's bail
    	// get_header_textcolor() options: HEADER_TEXTCOLOR is default, hide text (returns 'blank') or any hex value
    	if ( HEADER_TEXTCOLOR == $header_text_color ) {
    		return;
    	}
    
    	// If we get this far, we have custom styles. Let's do this.
    	?>
    	<style type="text/css">
    	<?php
    		// Has the text been hidden?
    		if ( 'blank' == $header_text_color ) :
    	?>
    		.site-title,
    		.site-description {
    			position: absolute;
    			clip: rect(1px, 1px, 1px, 1px);
    		}
    	<?php
    		// If the user has set a custom color for the text use that
    		else :
    	?>
    		.site-title a,
    		.site-description {
    			color: #<?php echo esc_attr( $header_text_color ); ?>;
    		}
    	<?php endif; ?>
    	</style>
    	<?php
    }
    endif; // accesspress_basic_header_style
    
    if ( ! function_exists( 'accesspress_basic_admin_header_style' ) ) :
    /**
     * Styles the header image displayed on the Appearance > Header admin panel.
     *
     * @see accesspress_basic_custom_header_setup().
     */
    function accesspress_basic_admin_header_style() {
    ?>
    	<style type="text/css">
    		.appearance_page_custom-header #headimg {
    			border: none;
    		}
    		#headimg h1,
    		#desc {
    		}
    		#headimg h1 {
    		}
    		#headimg h1 a {
    		}
    		#desc {
    		}
    		#headimg img {
    		}
    	</style>
    <?php
    }
    endif; // accesspress_basic_admin_header_style
    
    if ( ! function_exists( 'accesspress_basic_admin_header_image' ) ) :
    /**
     * Custom header image markup displayed on the Appearance > Header admin panel.
     *
     * @see accesspress_basic_custom_header_setup().
     */
    function accesspress_basic_admin_header_image() {
    	$style = sprintf( ' style="color:#%s;"', get_header_textcolor() );
    ?>
    	<div id="headimg">
    		<h1 class="displaying-header-text"><a id="name"<?php echo $style; ?> onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
    		<div class="displaying-header-text" id="desc"<?php echo $style; ?>><?php bloginfo( 'description' ); ?></div>
    		<?php if ( get_header_image() ) : ?>
    		<img src="<?php header_image(); ?>" alt="">
    		<?php endif; ?>
    	</div>
    <?php
    }
    endif; // accesspress_basic_admin_header_image

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Customization Footer color, logo etc.’ is closed to new replies.