Marcy

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 354 total)
  • Author
    Posts
  • in reply to: new widget area problem; Outreach pro theme #138451

    Marcy
    Participant

    You’re welcome, Jack!


    in reply to: new widget area problem; Outreach pro theme #138422

    Marcy
    Participant

    Hi, Jack,
    I just saw that you posted this again. I answered on the OP, but here it is again:

    It looks like the part in the functions.php to create a new widget area is OK.

    Open the front-page.php and add to the function outreach_home_top_widgets() {, so it looks like this:

    function outreach_home_top_widgets() {
    
    	genesis_widget_area( 'home-top', array(
    		'before' => '<div class="home-top widget-area">',
    		'after'  => '</div>',
    	) );
    
           genesis_widget_area( 'home-middle', array(
    		'before' => '<div class="home-middle widget-area">',
    		'after' => '</div>',
    	) );
    	
    }

    I edited the class that you had to be “home-middle”. It will be easier to know what it is for styling, since you call it Home – Middle for what appears in the widget area.


    in reply to: re-arranging widget area's outreach pro #138421

    Marcy
    Participant

    It looks like the part in the functions.php to create a new widget area is OK.

    Open the front-page.php and add to the function outreach_home_top_widgets() {, so it looks like this:

    function outreach_home_top_widgets() {
    
    	genesis_widget_area( 'home-top', array(
    		'before' => '<div class="home-top widget-area">',
    		'after'  => '</div>',
    	) );
    
           genesis_widget_area( 'home-middle', array(
    		'before' => '<div class="home-middle widget-area">',
    		'after' => '</div>',
    	) );
    	
    }

    I edited the class that you had to be “home-middle”. It will be easier to know what it is for styling, since you call it Home – Middle for what appears in the widget area.


    in reply to: re-arranging widget area's outreach pro #138415

    Marcy
    Participant

    I’m glad you got the columns sorted, But it looks like I replied to the wrong question. Sorry about that.


    • This reply was modified 3 days ago by  Marcy.
    • This reply was modified 3 days ago by  Marcy.
    in reply to: Agency Pro full width category pages #138356

    Marcy
    Participant

    You’re welcome!


    in reply to: re-arranging widget area's outreach pro #138324

    Marcy
    Participant

    In the @media only screen and (max-width: 782px) { section, there is:

          .five-sixths,
    	.four-sixths,
    	.home-widgets .featuredpost .entry,
    	.one-fourth,
    	.one-half,
    	.one-sixth,
    	.one-third,
    	.three-fourths,
    	.three-sixths,
    	.two-fourths,
    	.two-sixths,
    	.two-thirds {
    		margin: 0;
    		width: 100%;
    	}

    Notice that there are no “fifths” there.
    Bill’s generator generates code for “fifths”, but Genesis themes don’t include “fifths” anymore.
    Just add .one-fifth in that section, and all should be well.


    • This reply was modified 3 days, 16 hours ago by  Marcy.
    • This reply was modified 3 days, 16 hours ago by  Marcy.
    in reply to: Adjust Mobile Browser Site Title Text Size #138322

    Marcy
    Participant

    .site-title {
    font-size: 34px;
    }
    is what defines the size of “Sylvania Church”.

    You could add that in one of the @media sections or add a new one, that makes the font-size smaller than 34px.

    .site-description {
    font-size: 16px;
    }
    is the size of “A Christ-Centered Reformed Baptist Church”.
    You could make it smaller at smaller screen sizes in the last @media section too.

    One other thing that you could do, is to give the .title-area a width of 100% at smaller screen sizes, and maybe the text would fit better.

    It looks to me like you are using a custom CSS editor? If not you can edit your style.css.
    Just find the @media only screen and (max-width: 480px) { section.

    So you could try this below what you added in the custom CSS editor:

    .title-area {
        width: 350px;
    }
    @media only screen and (max-width: 480px) {
    
    	.title-area {
    		width: 100%;
    	}
    
           .site-title {
                   font-size: 28px;
           } 
    
    	.site-description {
                   font-size: 14px;
          } 
    }

    in reply to: Agency Pro full width category pages #138320

    Marcy
    Participant

    In your WordPress Admin, click on Posts > Categories.
    Then on the right, click on the category you want, like front deck news.
    Then scroll down the page until you see Layout Settings.
    Choose the full-width one, the one on the right.
    Click the blue Update button.


    in reply to: Can someone help me with this stupid CSS issue please? #138279

    Marcy
    Participant

    You’re welcome!


    in reply to: Can someone help me with this stupid CSS issue please? #138270

    Marcy
    Participant

    The square bullets are there; you just can’t see them.

    In this line 119,

    li, ol, ul {
        margin: 0;
        padding: 0;
    }

    the “margin: 0″ on li pushes it to the left margin.

    You need to add margin back into line 1112 where you add the square bullets:

    .archive-page ul li, 
    .entry-content ul li {
        list-style-type: square;
        margin: 0 0 20px 20px;
    }

    I used 20px, but you can adjust however you like.


    in reply to: CSS Button Code Not Working? #138226

    Marcy
    Participant

    Your buttons are lovely, Chris! I’m glad it all worked for you.


    in reply to: CSS Button Code Not Working? #138213

    Marcy
    Participant

    First, find this selector:

    .entry-content a {
        color: #f96e5b;
    }

    Add this below it:

    .entry-content a.btn {
    background: #f96e5b;
    background-image: -webkit-linear-gradient(top, #f96e5b, #f7432a);
    background-image: -moz-linear-gradient(top, #f96e5b, #f7432a);
    background-image: -ms-linear-gradient(top, #f96e5b, #f7432a);
    background-image: -o-linear-gradient(top, #f96e5b, #f7432a);
    background-image: linear-gradient(to bottom, #f96e5b, #f7432a);
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    padding: 7px 20px 7px 20px;
    border: solid #f62d11 1.5px;
    text-decoration: none;
    }
    
    .entry-content a.btn:hover {
    background: #f62d11;
    text-decoration: none;
    }

    Then down in the color sections find all the lines similar to :
    .metro-pro-blue .btn:hover,
    and comment them out by added /* */ around them like this:
    /*.metro-pro-blue .btn:hover,*/


    in reply to: Can someone help me with this stupid CSS issue please? #138206

    Marcy
    Participant

    You might need to add the “list-style-type: square;” to the ul, and not just the li.

    Try adding just above the CSS you have:

    .archive-page ul,
    .entry-content ul,
    .archive-page ul > li,
    .entry-content ul > li {
    	list-style-type: square;
    }

    You may only need it for the ul, but if you have li { list-style-type: none; } somewhere, you will also need the others.

    I be of more help without a link to your website.


    in reply to: CSS Button Code Not Working? #138205

    Marcy
    Participant

    When you add the text in your WordPress editor, you will need to change to the editor Text tab.
    Find the link that you created that you want to be a button; it will look like this:
    <a rel="nofollow" href="#">Call to Action</a>
    In place of the # though you need to make sure that you used a real URL.

    Then you tell it to use your .btn CSS by adding class=”btn”, like this:
    <a class="btn" rel="nofollow" href="#">Call to Action</a>

    Save, and then you should be able to go back to the Visual tab to finish editing.


    in reply to: Responsive Slider – Remove Border & Space Around Image #138204

    Marcy
    Participant

    You’re welcome!


Viewing 15 posts - 1 through 15 (of 354 total)