Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 24, 2013 at 4:52 am #3261
    arichardc
    Participant

    New Catch Box Pro user

    Working on first WordPress site

    AndroidEveryday.com

    Is there a way to jog the picture to the exposed center of the window? Centered more between the forward and back tabs.

    Is the a private forum for the Pro version?

     

    January 25, 2013 at 6:22 pm #3306
    Sakin
    Keymaster

    @arichardc: First it’s better you add in the larger image in the slider. See Theme Instruction for sizes http://catchthemes.com/theme-instructions/catch-box-pro/

    But if you want to center the image which is smaller then you can add the following CSS in “Custom CSS” box in your Theme Options

    #slider-wrap img {
    display: inline;
    text-align: center;
    }

    January 26, 2013 at 8:37 am #3339
    arichardc
    Participant

    Thanks for the guidance.  Will implement your suggestion to see how it looks.

    Did read the instructions and if I resize the image to 644 it causes the text below the picture to jump up and down because of the varying heights.  Spent more time resizing and general futzing around than I wanted too.  I’d rather width variation.

    Did I miss something?

    An additional question, maybe it is obvious but this is my first word press site. Here is what I am trying to do.  In the first column on my page I want to have a picture 320 wide  by 700 long  I’d like to put several individual images say 100×100 px down the long side. The small images will be linked to other pages like icons. I figured out how to do inline-block.  But the way I did it only gets two images side by side.

    1.[<div style=”display: inline-block; margin-right: 5px;”>]

    2.[ … wordpress generated code for first image … ]

    3.<<div style=”display: inline-block; margin-right: 5px”>/div>

    4.<div style=”display: inline-block”>

    5.[ … wordpress generated code for second image … ]

    6.</div>

    Any suggestions?

    Thanks,

    Richard

     

    January 26, 2013 at 5:37 pm #3348
    Sakin
    Keymaster

    @arichardc: I told you to add the following css in “Custom CSS” box in your “Theme Options.
    #slider-wrap img { margin: 0 auto; }

    But id you are doing image resize then you have to resize all the image same height and same width. Then it will not make the text go up and down.

    January 27, 2013 at 6:14 am #3364
    arichardc
    Participant

    But id you are doing image resize then you have to resize all the image same height and same width. Then it will not make the text go up and down.

     

    I’m sorry all my images are not the same size to start with because of the way my screen shots came out – they don’t have the same aspect ration.  They cannot be resized as you suggest without loosing part of the picture

    Thank for your input I’ll figure out something that is pleasing to eye.

    January 28, 2013 at 7:29 pm #3405
    Sakin
    Keymaster

    @arichardc: if you don’t resize the image then add add the following css in “Custom CSS” box in your Theme Options panel. This will center the image.

    #slider-wrap img { margin: 0 auto; }

    February 4, 2013 at 2:47 am #3627
    arichardc
    Participant

    As you suggested I added, #slider-wrap img { margin: 0 auto; }, The slider works the way I wanted it too.

    Thanks

    February 4, 2013 at 9:21 am #3631
    arichardc
    Participant

    Oops I hit a snag.  Using Firefox, IE, Chrome on my windows lap top my slider pictures work fine.  I also used our Mac desktop with Firefox and no changes in height.  However, on a Nexus 7 tablet, using Chrome and Dolphin the pages still jumped making the text underneath annoying to read.  An Apple iPod Touch exhibited  the same problem using Safari. Cleared the cache a couple times and shook them vigorously to show them who’s the boss but the problem persists.

    Can someone check the site with their tablet or phone and see if they have a better experience.  I’m really hoping the problem is my machines.   …or user.

    http://www.androideveryday.com

     

    And thanks

    February 4, 2013 at 9:38 am #3633
    Sakin
    Keymaster

    @arichardc: I told you that the picture needs to be of same height and width to make it fine. Why don’t you just use the Photoshop and add equal height and width image. If the image are not equal then you can add the background in Photoshop and center the image so that all image are of equal size.

    February 5, 2013 at 2:00 am #3679
    arichardc
    Participant

    I believe the picture cannot be made to fit the ideal dimensions with Microsofts Office’s photo editor.  The pictures are screen shots off a small tablet screen. The aspect ratio is wrong.  The picture will be distorted if I got the ideal slider dimensions dimensions by resizing or cropping with the tools I have.

    However, I’m going to a WordPress class tomorrow.  I’ll see if the instructor and have her show me in photo shop how to make it come out better.

    I should have access to Photo shop there.  Perhaps I can then add to the pictures size by putting it on a transparent background  so it can be cut to fit properly.

     

    Thank You

    February 5, 2013 at 10:18 am #3687
    Sakin
    Keymaster

    @arichardc: Is very simple Take the large size image first and make it all image with the same size. Here I don’t mean stretching image. But keep your small image in the large area making it center with the background. Then it will look centered image.

    February 12, 2013 at 7:16 am #3869
    arichardc
    Participant

    Finally resized the  screenshots all works fine.

    May 14, 2013 at 8:14 pm #8990
    amberfm
    Member

    Dear Sakin,

    than you for your continuous support,

    I am new to wordpress and catch box pro, and i wanted to do few things
    1- i want to place a picture in full header-content, without sidebar, and what should be the image size?
    2- I need to make multi column in the home page it now one column.

    thanks

    May 14, 2013 at 11:33 pm #8997
    Sakin
    Keymaster

    @amberfm: You can just upload the larder header image of width 1000px from “Appearance => Header” and then fo to “Appearance => Theme Options => Header Options”. Then add all header top margin, right margin, bottom margin and left margin to 0.

    This theme only suports either 1 column or 2 column. For homepage layout settings “Go to Appearance => Theme Options => Default Layout”

    May 15, 2013 at 12:05 am #8998
    amberfm
    Member

    Thanks @sakin,,,,,

    It works fine

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Catch Box Pro Header and Forum Question’ is closed to new replies.