WordPress.org

Ready to get started?Download WordPress

Forums

Lobster
[resolved] Change the footer background to default (7 posts)

  1. bbsfeb3
    Member
    Posted 7 months ago #

    Hi
    First of all our thanks and congrats for such a beautiful and nice theme.

    I was playing around with it and now I am unable to change the background of the foooter - I am assuming the footer is the place where you have the 3 images in centre with some text below.

    How do I revert back to the default color and back ground settings.

    Also How to add text or content to the centre of the page where you have the star. Can i add text and images there ?

    regards
    Bhavesh Shah

  2. zzuum
    Member
    Posted 7 months ago #

    What theme? Post link of your site if you can, that will be great :)

  3. Jesin A
    Member
    Posted 7 months ago #

    The original theme files are available here.

    http://themes.svn.wordpress.org/lobster/1.9.2/

    I guess you changed something in the CSS so try replacing you current style.css with the one in the link above. If you want to do CSS changes use a plugin like PC Custom CSS.

    Also How to add text or content to the centre of the page where you have the star. Can i add text and images there ?

    Go to Themes > Customize > Jumbo Headline and modify the text there.

  4. ruphel
    Member
    Theme Author

    Posted 7 months ago #

    Hi Guys,

    Thanks Jesin

    bbsfeb3, to answer you second question first, the area you are referring to is the 'Home Widget Area'! Here is a link to show you how to change those widgets.

    There are two stars in this theme, the first, if you have enabled the Custom Header which can be found down the bottom of the file lobster/inc/custom-header.php on line 152
    <i style="color:#<?php header_textcolor(); ?>;" class="jumbo-icon icon-star-empty"></i>

    you can change this to any other icon or delete it!

    The other star is located at lobster/inc/theme-options.php on line: 42
    <i style="color:#<?php header_textcolor(); ?>;" class="jumbo-icon icon-star-empty"></i>

    Again, you can delete or change.

    The line you are most likely missing is line 64 of lobster/inc/theme-options.php <div id="home-page-widgets" style="background-color:#<?php header_textcolor(); ?>;">

    Just copy and paste that line above, and see if that enables the theme mod!

    Or if you haven't changed a whole lot and would like to start to work on that area again, just delete all of the contents of lobster/inc/theme-options.php- just as Jesin pointed out, and copy and paste the code below and save the file, again it's line 64 that controls the background colour for the Home Page Widgets. If you are working on the parent theme you can hardcode whatever html markup you want :)

    <?php
    /**
     * Set up the default theme options
     *
     * @since 1.0
     */
    function cyber_dc_boot_theme_options() {
    	//delete_option( 'cdc_lobster_theme_options' );
    	$default_theme_options = array(
    		'width' => '1200',
    		'layout' => '2',
    		'primary' => 'col-md-8',
    		'display_author' => 'on',
    		'display_date' => 'on',
    		'display_comment_count' => 'on',
    		'display_categories' => 'on',
    		'excerpt_content' => 'excerpt',
    		'home_widget' =>'on',
    		'home_posts' =>'on',
    		'jumbo_headline_title' => 'Lobster!',
    		'jumbo_headline_text' => 'You could write something extraordinary and profound here!',
    		'cust_header_headline_title' => 'This is your Custom header!',
    		'cust_header_headline_text' => 'You could could change the World!',
    		'custom_header_display' => '',
    	);
    
    	return get_option( 'cdc_lobster_theme_options', $default_theme_options );
    }
    
    /**
     * Create the jumbo headline section on the home page
     *
     * @since 1.0
     */
    function cyber_dc_boot_jumbotron() {
    	$cyber_dc_boot_theme_options = cyber_dc_boot_theme_options();
    	if ( is_home() || is_front_page() && ! empty( $cyber_dc_boot_theme_options['jumbo_headline_title'] ) ) {
    	?>
    
    				<div class="home-jumbotron jumbotron col-xs-12">
    					<h3 style="color:#<?php header_textcolor(); ?>;"><?php echo $cyber_dc_boot_theme_options['jumbo_headline_title']; ?></h3>
    					<i style="color:#<?php header_textcolor(); ?>;" class="jumbo-icon icon-star-empty"></i>
    					<p class="lead"><?php if ( is_front_page() ) { echo $cyber_dc_boot_theme_options['jumbo_headline_text'];} elseif ( is_home() ){ echo '<small>'.bloginfo( 'description' ).'</small>';} ?></p>
    					<?php if ( ! empty( $cyber_dc_boot_theme_options['jumbo_headline_button_text'] ) ) { ?>
    					<small><?php echo bloginfo( 'description' ); ?></small>
    					<a class="btn btn-lg btn-primary" href="<?php echo $cyber_dc_boot_theme_options['jumbo_headline_button_link']; ?>"><?php echo $cyber_dc_boot_theme_options['jumbo_headline_button_text']; ?></a>
    					<?php } ?>
    				</div>
    
    	<?php
    	}
    }
    
    /**
     * Create the default widgets that are displayed in the home page top area
     *
     * @since 1.0
     */
    function cyber_dc_boot_home_page_default_widgets() {
    	global $paged;
    	$cyber_dc_boot_theme_options = cyber_dc_boot_theme_options();
    	if ( $cyber_dc_boot_theme_options['home_widget'] && is_front_page() && 2 > $paged ) {
    		?>
    	<div id="home-page-widgets" style="background-color:#<?php header_textcolor(); ?>;">
    		<div class="container">
    			<div class="row">
    			<?php if ( ! dynamic_sidebar( 'home-page-top-area' ) ) : ?>
    				<?php
    				/**
    				 * Default home page top area widgets
    				 */
    				?>
    				<aside class="home-widget col-md-4 cyber_dc_boot_custom_text_widget">
    					<img src="<?php echo CYBER_DC_LOBSTER_URL; ?>/images/sample1.png" alt="" class="aligncenter" />
    					<h3 class="home-widget-title">Mobile First</h3>
    					<div class="textwidget">
    						<p>100% Responsive. With <strong><?php echo CYBER_DC_LOBSTER; ?></strong> you just simply resize your browser and watch how this theme adjusts from smartphones, to tablets and desktops.</p>
    					</div>
    				</aside>
    
    				<aside class="home-widget col-md-4 cyber_dc_boot_custom_text_widget">
    					<img src="<?php echo CYBER_DC_LOBSTER_URL; ?>/images/sample2.png" alt="" class="aligncenter" />
    					<h3 class="home-widget-title">Launch Ready!</h3>
    					<div class="textwidget">
    						<p>Launch your new business with <?php echo CYBER_DC_LOBSTER; ?>! Use the Theme Options to customize this theme to your liking and preview your changes in real time before going live!</p>
    					</div>
    				</aside>
    
    				<aside class="home-widget col-md-4 cyber_dc_boot_custom_text_widget">
    					<img src="<?php echo CYBER_DC_LOBSTER_URL; ?>/images/sample3.png" alt="" class="aligncenter" />
    					<h3 class="home-widget-title">Bootstrap 3</h3>
    					<div class="textwidget">
    						<p>Avail of all the great Bootstrap elements that you know and love, except now it is all mobile first! <strong><?php echo CYBER_DC_LOBSTER; ?></strong> is proudly powered by WordPress and Bootstrap. <a href="#">Link color test</a></p>
    					</div>
    				</aside>
    			<?php endif; ?>
    			</div>
    		</div>
    	</div>
    	<?php
    	}
    }
    
    class Cyber_DC_Boot_Customizer {
    	public function __construct() {
    
    		add_action( 'customize_register', array( $this, 'customize_register' ) );
    	}
    
    	/**
    	 * Adds theme options to the Customizer screen
    	 *
    	 * This function is attached to the 'customize_register' action hook.
    	 *
    	 * @param	class $wp_customize
    	 *
    	 * @since 1.0
    	 */
    	public function customize_register( $wp_customize ) {
    		$cyber_dc_boot_theme_options = cyber_dc_boot_theme_options();
    
    		// Layout section panel
    		$wp_customize->add_section( 'cyber_dc_boot_layout', array(
    			'title' => __( 'Layout', 'cdc_lobster' ),
    			'priority' => 35,
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[width]', array(
    			'default' => $cyber_dc_boot_theme_options['width'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_width', array(
    			'label' => __( 'Site Width', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_layout',
    			'settings' => 'cdc_lobster_theme_options[width]',
    			'priority' => 10,
    			'type' => 'select',
    			'choices' => array(
    				'1200' => __( '1200px', 'cdc_lobster' ),
    				'960' => __( '960px', 'cdc_lobster' ),
    			),
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[layout]', array(
    			'default' => $cyber_dc_boot_theme_options['layout'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_site_layout', array(
    			'label' => __( 'Site Layout', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_layout',
    			'settings' => 'cdc_lobster_theme_options[layout]',
    			'priority' => 15,
    			'type' => 'radio',
    			'choices' => array(
    				'1' => __( '1 Sidebar - Left', 'cdc_lobster' ),
    				'2' => __( '1 Sidebar - Right', 'cdc_lobster' ),
    				'6' => __( 'No Sidebars', 'cdc_lobster' )
    			),
    		) );
    
    		$choices =  array(
    			'col-md-2' 	=> '17%',
    			'col-md-3' 	=> '25%',
    			'col-md-4' 	=> '34%',
    			'col-md-5' 	=> '42%',
    			'col-md-6' 	=> '50%',
    			'col-md-7' 	=> '58%',
    			'col-md-8' 	=> '66%',
    			'col-md-9' 	=> '75%',
    			'col-md-10' => '83%',
    			'col-md-12' => '100%',
    		);
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[primary]', array(
    			'default' => $cyber_dc_boot_theme_options['primary'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_primary_column', array(
    			'label' => __( 'Main Content', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_layout',
    			'settings' => 'cdc_lobster_theme_options[primary]',
    			'priority' => 20,
    			'type' => 'select',
    			'choices' => $choices,
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[excerpt_content]', array(
    			'default' => $cyber_dc_boot_theme_options['excerpt_content'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_excerpt_content', array(
    			'label' => __( 'Post Content Display', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_layout',
    			'settings' => 'cdc_lobster_theme_options[excerpt_content]',
    			'priority' => 30,
    			'type' => 'radio',
    			'choices' => array(
    				'excerpt' => __( 'Teaser Excerpt', 'cdc_lobster' ),
    				'content' => __( 'Full Content', 'cdc_lobster' ),
    			),
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[home_widget]', array(
    			'default' => $cyber_dc_boot_theme_options['home_widget'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_home_widget', array(
    			'label' => __( 'Display Home Page Top Widget Area', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_layout',
    			'settings' => 'cdc_lobster_theme_options[home_widget]',
    			'priority' => 35,
    			'type' => 'checkbox',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[home_posts]', array(
    			'default' => $cyber_dc_boot_theme_options['home_posts'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_home_posts', array(
    			'label' => __( 'Display Home Page Posts', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_layout',
    			'settings' => 'cdc_lobster_theme_options[home_posts]',
    			'priority' => 40,
    			'type' => 'checkbox',
    		) );
    
    		// Jumbo headline section panel
    		$wp_customize->add_section( 'cyber_dc_boot_jumbo', array(
    			'title' => __( 'Jumbo Headline', 'cdc_lobster' ),
    			'priority' => 36,
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[jumbo_headline_title]', array(
    			'default' => $cyber_dc_boot_theme_options['jumbo_headline_title'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_jumbo_headline_title', array(
    			'label' => __( 'Jumbo Headline Title', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_jumbo',
    			'settings' => 'cdc_lobster_theme_options[jumbo_headline_title]',
    			'priority' => 26,
    			'type' => 'text',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[jumbo_headline_text]', array(
    			'default' => $cyber_dc_boot_theme_options['jumbo_headline_text'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_jumbo_headline_text', array(
    			'label' => __( 'Jumbo Headline Text', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_jumbo',
    			'settings' => 'cdc_lobster_theme_options[jumbo_headline_text]',
    			'priority' => 27,
    			'type' => 'text',
    		) );
    
    		// Posts panel
    		$wp_customize->add_section( 'cyber_dc_boot_posts', array(
    			'title' => __( 'Posts', 'cdc_lobster' ),
    			'priority' => 45,
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[display_categories]', array(
    			'default' => $cyber_dc_boot_theme_options['display_categories'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_display_categories', array(
    			'label' => __( 'Display Categories', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_posts',
    			'settings' => 'cdc_lobster_theme_options[display_categories]',
    			'type' => 'checkbox',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[display_author]', array(
    			'default' => $cyber_dc_boot_theme_options['display_author'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_display_author', array(
    			'label' => __( 'Display Author', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_posts',
    			'settings' => 'cdc_lobster_theme_options[display_author]',
    			'type' => 'checkbox',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[display_date]', array(
    			'default' => $cyber_dc_boot_theme_options['display_date'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_display_date', array(
    			'label' => __( 'Display Date', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_posts',
    			'settings' => 'cdc_lobster_theme_options[display_date]',
    			'type' => 'checkbox',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[display_comment_count]', array(
    			'default' => $cyber_dc_boot_theme_options['display_comment_count'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_display_comment_count', array(
    			'label' => __( 'Display Comment Count', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_posts',
    			'settings' => 'cdc_lobster_theme_options[display_comment_count]',
    			'type' => 'checkbox',
    		) );
    
    		// Custom header section panel
    		$wp_customize->add_section( 'cyber_dc_boot_cust_header', array(
    			'title' => __( 'Custom Header', 'cdc_lobster' ),
    			'priority' => 54,
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[cust_header_headline_title]', array(
    			'default' => $cyber_dc_boot_theme_options['cust_header_headline_title'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_cust_header_headline_title', array(
    			'label' => __( 'Custom Header Headline Title', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_cust_header',
    			'settings' => 'cdc_lobster_theme_options[cust_header_headline_title]',
    			'priority' => 34,
    			'type' => 'text',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[cust_header_headline_text]', array(
    			'default' => $cyber_dc_boot_theme_options['cust_header_headline_text'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_cust_header_headline_text', array(
    			'label' => __( 'Custom Header Headline Text', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_cust_header',
    			'settings' => 'cdc_lobster_theme_options[cust_header_headline_text]',
    			'priority' => 38,
    			'type' => 'text',
    		) );
    
    		$wp_customize->add_setting( 'cdc_lobster_theme_options[custom_header_display]', array(
    			'default' => $cyber_dc_boot_theme_options['custom_header_display'],
    			'type' => 'option',
    			'capability' => 'edit_theme_options',
    		) );
    
    		$wp_customize->add_control( 'cyber_dc_boot_cust_header_display', array(
    			'label' => __( 'Display Custom Header and Header Image (This box must be ticked to enable the Header Image feature below.)', 'cdc_lobster' ),
    			'section' => 'cyber_dc_boot_cust_header',
    			'settings' => 'cdc_lobster_theme_options[custom_header_display]',
    			'priority' => 25,
    			'type' => 'checkbox',
    		) );
    
    	}
    }
    $cyber_dc_boot_customizer = new Cyber_DC_Boot_Customizer;

    I hope this helps, if not let me know :)

  5. bbsfeb3
    Member
    Posted 7 months ago #

    Hi

    Thanks for your prompt reply.

    I did as per above but no success. Any idea how do i revert back to default theme as it was ?.

    I deleted the theme , installed another theme and then again installed lobster but I dont see the default theme i see the theme installed with changes I made ( which I no longer want ).

    Any ideas ?

    Regards

    Bhavesh Shah

  6. ruphel
    Member
    Theme Author

    Posted 7 months ago #

    Hi Bhavesh

    In your dashboard go the Appearances > themes select Twenty Thirteen and press 'Save and Activate' (blue button on the top left of the theme preview screen).

    Now that you have a new theme selected, you'll taken back to the to the Themes page.

    Under 'Available Theme' delete Lobster or any versions of Lobster (If you have made your own version).

    Next scroll to the top of the page and select 'Install Themes'.

    From the 'Install Themes' page type 'Lobster' in to the search form and download and install and activate.

    Your changes should now be gone, if not, the go to Appearance > Customizer > Colors Then click 'Current Color' which will display a button labelled 'default' and click that to restore Lobster's default color.

    That should take care of things!

    Regards :)

  7. bbsfeb3
    Member
    Posted 7 months ago #

    Hi

    Thanks the above worked well. Mainly the last step of restoring color to default.

    regards

    Bhavesh Shah

Reply

You must log in to post.

About this Theme

About this Topic