[arichardc]

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?

 

[Sakin]

@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;
}


[arichardc]

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

 

[Sakin]

@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.

[arichardc]

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.

[Sakin]

@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; }


[arichardc]

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

Thanks

[arichardc]

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

[Sakin]

@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.

[arichardc]

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

[Sakin]

@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.

[arichardc]

Finally resized the  screenshots all works fine.

[amberfm]

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

[Sakin]

@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”

[amberfm]

Thanks @sakin,,,,,

It works fine

[Author]

Posts