Image alignment post

Tagged: Home Page, Simple Catch

This topic has 6 replies, 3 voices, and was last updated 10 years, 7 months ago by Sakin.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 23, 2013 at 9:24 pm #13590

Marianne
Member

Hi

I have 3 questions for you:

1.
How do I align my featured images with the text in my posts both at the home page and the other pages:
http://gindrup.dk/citchcatch/
http://gindrup.dk/citchcatch/category/dubai-fra-a-til-a/
As it is now the picture is placed higher up than where the text starts

2.
At the pages (http://gindrup.dk/citchcatch/category/dubai-fra-a-til-a/) how do I move the blue Facebook-like etc. box to the bottom of the text

3.
In the posts (http://gindrup.dk/citchcatch/c-som-i-chinese-mall/) how do I move the blue Facebook-like etc. box to the bottom of the text

Thanks
Marianne

August 24, 2013 at 12:19 am #13605

Sakin
Keymaster

@Marianne:
1. How do I align my featured images with the text in my posts both at the home page and the other pages:
http://gindrup.dk/citchcatch/
http://gindrup.dk/citchcatch/category/dubai-fra-a-til-a/
As it is now the picture is placed higher up than where the text starts
— You have changed the heading color to white, so you cannot see that. Remove the following CSS from “Appearance => Theme Options => Custom CSS” box.
#main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a, #main h6 a { color: #ffffff; }

2. At the pages (http://gindrup.dk/citchcatch/category/dubai-fra-a-til-a/) how do I move the blue Facebook-like etc. box to the bottom of the text
3. In the posts (http://gindrup.dk/citchcatch/c-som-i-chinese-mall/) how do I move the blue Facebook-like etc. box to the bottom of the text
— I see that you have added through plugin so check with plugin author forum.

August 24, 2013 at 8:39 pm #13632

Marianne
Member

Hi Sakin
Thanks for the answer, but I cannot find the mentioned in my CSS-box – I have this in the CSS-box:

/* Remove Box Shadow in images */
.featured-image img, .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {box-shadow: none;}

#content .gallery .gallery-icon img { border: none; }
/* Remove Box Shadow in images */
.featured-image img, .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {box-shadow: none;}
.wp-caption, #main #content .post-img a { border: none; }

#header .social-search form.searchform {display: none;}

#header #mainmenu ul li a { padding: 0 35px 0 35px; }
#header #mainmenu ul li:last-child { border-right: none; }

.wp-caption, #main #content .post-img a { border: none; }

#header .logo-wrap { padding-left: 0; }
#site-logo a img { max-width: 100%; padding-right: 0; }
#header .logo-wrap { margin-top: 10px; }
#header #mainmenu { margin-top: 10px; }
#branding {background: none #fff;}
#header { border: none; }
#header { background: none #e5e4e2}

.featured-text {display: none;}

Re my question 2 and 3 I will look elsewhere

Thanks
Marianne

August 24, 2013 at 9:38 pm #13636

Sakin
Keymaster

@Marianne: Then you must have change the color from “Appearance => Theme Options => Content Color Options”. From there check your “Heading Color”.

August 24, 2013 at 11:36 pm #13646

Marianne
Member

Sakin – you are a hero 🙂

Thanks
Marianne

April 18, 2014 at 8:00 pm #26228

Sando
Member

hi, i just wanna ask,

why my image alignment cannot work as it supposed to be ? the first picture in this post > http://obatnyaherbal.com/minum-teh-hijau-dan-kaitannya-dengan-10-jenis-kanker/ supposed to be alignleft and the second pic it it supposed to be aligncenter .

sory if the answer is obvious. thanks a lot

April 19, 2014 at 11:26 am #26334

Sakin
Keymaster

@Sando: Looks like you have customize the theme style.css and have issue there. As the alignment work perfectly in Simple Catch Theme. You are using old version of Theme. Please update that as well.

Also to your note, all the custom css that you add should be done either by building child theme or by adding it in “Appearance => Theme Options => Custom CSS” box.
Author

Posts