Kary

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 51 total)
  • Author
    Posts
  • in reply to: parallax pro homepage look on pages? #142563

    Kary
    Participant

    I did it on this page. You have to Create a new template page with its own widget areas. Then style those widget areas with CSS. Don’t mean to be vague, but not sure how much more info you need on how I did this.

    http://techiemuse.com/services/


    Kary
    Participant

    Kamakura,
    Go into Appearance > Menus and make certain you have no menu assigned in both the “primary” and “secondary” menus. I can’t remember which one, but you are showing either the primary or secondary menu on your inside pages. The menu in the header is placed there in the Widget area under the “Right Header” widget.

    in reply to: remove widgets from being visable on posts pages #142561

    Kary
    Participant

    Great! I’m glad it was helpful. I love the Custom Sidebar plugin and would love to see the Pro version in action. I just can’t get my head around the cost. It seems ridiculously expensive.


    Kary
    Participant

    The Agency Pro theme uses Javascript to control the parallax scrolling / backstretch image. However, if you look at many of the other themes that use parallax scrolling / backstretch image in the showcase or even the Studiopress default themes, the background image is not stationary/fixed on an iOS device; the image scrolls ups with the rest of the content. I’m fairly certain this actually considered “normal” on mobile devices, and can only be forced to work using Javascript.

    When I look at my demo site on my iPad, the backstretch image doesn’t stay fixed, but it looks fine. If you want to continue using this method and forego the fixed backstretch image (going back to the default way the theme does it), you can try a few things to at least get the image looking its best on various mobile devices.

    You can use different images for the smaller screens. Perhaps resize / crop your backstretch image in different ways for mobile viewing, or you can change the position of the image in the various mobile sizes. Look at the bottom of your CSS, and change these under the @media CSS styles. I have no idea what would work best for your image so play around with it. You might have to change it for the various mobile device sizes.

    • This reply was modified 6 months ago by  Kary.
    • This reply was modified 6 months ago by  Kary.
    in reply to: Foodie Pro Theme- Header left, widget right #142059

    Kary
    Participant

    Okay….soooooo….you don’t need me to dig through my notes. Correct?

    in reply to: Foodie Pro Theme- Header left, widget right #142055

    Kary
    Participant

    She doesn’t have an ad or optin box in the right-header, she will eventually. The link below shows what I did for a client. I need to go back over my notes and see what I did as it required a completely different way of adding a custom header. Give me an hour or so and I’ll post the solution here.

    http://gwens-nest.com/

    • This reply was modified 6 months ago by  Kary.
    • This reply was modified 6 months ago by  Kary.
    in reply to: Adding Social Media Icons to Primary Sidebar #142054

    Kary
    Participant

    More experienced developers may cringe with this method. But if it works, it works. And it works for me. I did it without having to code. Upload the SM icon images to your media folder, and copy the URL to each image.

    Go to Appearance > Menus and add a LINKS item to menu. Once the item is the menu, change the name of the link (Like FACEBOOK) to the actual image file path. It has to be written in HTML. For example,

    <img src="/path/to/your/FACEBOOK/icon.jpg" />

    You may have to tweak the CSS of the icons but it does work.

    screenshot
    screenshot

    in reply to: Foodie Pro Theme- Header left, widget right #142050

    Kary
    Participant

    Do you want the logo in the center? Or on the left? I figured out how to do it with the logo on the left and an ad or widget on the right. When the page is viewed in a smaller browser like on a mobile device, everything will automatically pop in the center.


    Kary
    Participant

    I know how to do it using CSS, but not using the functions file with a conditional statement. It works using CSS but it doesn’t produce that nice “fade in” effect that you get when using it the way its setup in the theme.

    To make it work, you don’t need to touch the functions file.
    (1) You’ll need to go to the Customize > Backstretch image in your admin area and remove any backstretch image you’ve already placed there.
    (2) Open the pages you want to add different backstretch images to and get the page ID numbers.
    (3) Include this script in your CSS file.

    
    /*--------------BACKGROUND STRETCH IMAGES-----------------*/
    body {
    	background-image: url('/your/image/url/bg1.jpg');
    	background-position: center top;
    	background-attachment: fixed;
    	background-repeat: no-repeat;
    	background-size: cover;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    }
    body.page-id-200, body.page-id-222  {
    	background-image: url('/your/image/url/bg2.jpg');
    }
    body.page-id-300 {
    	background-image: url('/your/image/url/bg3.jpg');
    }
    

    (4) Change the URLs to your image filepath
    (5) Change the page numbers to the page numbers of your pages.

    The way this works, by default, if a page isn’t assigned a specific image, the default “body” image will display. Any page you’ve assigned an image to in the CSS will load the specific image instead of the default. Just make certain the “body” tag is at the top of your CSS list and the “body.page-id-##” tags are underneath.

    in reply to: Changing post title font & color in Foodie theme #141801

    Kary
    Participant

    Viviwat,

    (1) Make certain you enqueue your fonts inside your functions.php file. The script is already there just change it to the fonts you want to use.

    (2) I don’t even see where you’ve called “Blackjack”. I’m fairly certain it is no longer a Google font so if you’ve tried to enqueue it, Google can’t serve it to your site because it longer has the font in their collection. You’ll have to use a different google font or a different web font system that uses Blackjack.

    (3) The reason why the post title color is different on the homepage or index page as opposed to the single post page, is because on the home/index page you need to change the CSS associated with the anchor tag. Bother your a tag is set to the dark gray color and unless you’ve changed it, the FoodiePro theme doesn’t specifically change the a:hover tag, so it will be the same as the a tag.

    The CSS for both .entry-title a and .entry-title a:hover can be changed to something like this.:

    .entry-title a {
    color: #f05123;
    }
    .entry-title a:hover {
    color: #333;
    }
    • This reply was modified 6 months ago by  Kary.
    • This reply was modified 6 months ago by  Kary.
    in reply to: remove widgets from being visable on posts pages #141797

    Kary
    Participant

    Unless you want to dig into the functions file, probably preferable but daunting, then you can use plugins. It depends on your needs and how much you need to whip your widgets into submission.

    The Custom Sidebars widgets has a free and pro version. I’ve never ponied up the money for the pro because it just doesn’t seem worth it…although the free version is a truly awesome thing. I would only use this if you need a lot of control over your sidebars and widgets. A professional blogger I worked with to customize her site used it and I was amazed what the free version did. https://wordpress.org/plugins/custom-sidebars/. Basically you can create new sidebars for specific pages, categories, etc. and then assign those sidebars accordingly. It won’t “hide” or “show” sidebars though. THat is only in the pro version

    If all you want to do is hide/show a few sidebars then you can probably use the JP Widget Visibility. This is what Jetpack has without having to activate the entire JetPack plugin. So if you’re already using Jetpack, just activate “VIsibility” and you’re done. You won’t need this. https://wordpress.org/plugins/jetpack-widget-visibility/

    To use it, add a widget to a sidebar or footer and then click the “visibility” button at the bottom. SHOW or HIDE the widget for specific pages, posts, categories, etc. You can click the little + symbol to add multiple pages/posts/categories, etc to show or hide.

    in reply to: Add portfolio to Parallax Pro #141794

    Kary
    Participant

    Custom Post Type as Portfolio: http://www.billerickson.net/genesis-portfolio/ This page also has links to the plugin a referred to

    BTW, the page you’ve linked to (SurroundLandscaping)…that looks like a photo gallery. I realize they are calling it a portfolio, and it is. But it looks like they are using a WP plugin called “Royal slider.” I’ve never used it. But it wouldn’t take blog posts or CPT to recreate that. You would just need to setup a photo gallery of images using some sort of gallery or slider plugin. http://dimsemenov.com/plugins/royal-slider/gallery/

    • This reply was modified 6 months ago by  Kary.
    • This reply was modified 6 months ago by  Kary.
    in reply to: Add portfolio to Parallax Pro #141791

    Kary
    Participant

    There are three ways. Quickie Quick way (LOL) use a great lightbox plugin like FooBox and you’re plugin will just be popup links/boxes. Good for it you don’t have or need a long description.

    Sort of quick way: Just incorporate it into your blog and then create a page from your portfolio category. You’ll get bonus point with this one if you want some of your portfolio pieces on your home page.

    Not so quick way: This is probably “the best” if you want to completely separate out your portfolio posts from your blog posts. You can create a Custom Post Type (CPT) as your portfolio section. There are a few articles on the web about how to do this and a plugin. I’ll have to go see if I can find links.

    • This reply was modified 6 months ago by  Kary.
    • This reply was modified 6 months ago by  Kary.
    in reply to: How to swap primary and secondary navigation #141776

    Kary
    Participant

    This is a very old post but I’m dealing with trying to do the same thing and just wanted to point something out. Your secondary menu is probably there, its just “hidden” at the top of your header. For example, when I changed the CSS to this

    .nav-secondary {
    margin-top: 159px;
    }

    My secondary menu became visible. There are other tweaks that will need to be made, but this will at least get it showing below the header as opposed to at the top & underneath it. To see if you have a secondary nav, go into your page source and see if you can find a line of code similar to this…
    <nav class="nav-secondary" role="navigation"etc….

    This will verify your secondary nav menu is there.

    • This reply was modified 6 months ago by  Kary.
    • This reply was modified 6 months ago by  Kary.
    in reply to: "Featured Image" for Homepage when Shared #137198

    Kary
    Participant

    Okay…got it to work finally. Thanks for your help. This is the code that I used and I am finally able to see the image in the Facebook debugger.

    function change_home_og() {
      if ( is_home() || is_front_page() )
        echo '<meta property="og:image" content="http://techiemuse.com/wp-content/uploads/2015/01/TechieMuse.png" />';
    }
    add_action( 'wp_head', 'change_home_og', 5);

    For anyone who wants to do this, make absolutely certain your image is 200×200 or Facebook will pull something else from the page that is that size. Not sure if it can be a large (square) image. But the 200×200 definitely worked for me.
    FB debugger

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