Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Misalignment trouble in Carta
Avatar
Heidi Hafner
Sahuarita, Arizona
Jedi
Members

Community Member
Forum Posts: 466
Member Since:
October 7, 2012
sp_UserOfflineSmall Offline
1
November 26, 2018 - 4:57 pm
sp_Permalink sp_Print

Hi, I've looked through all the code for this problem but I'm not seeing why my Blog index has a misalignment.

misaligned.pngImage Enlarger

As you can see, the image above shows that the post's thumb dropped down below where it is supposed to be. This causes a misalignment of the next title, as seen below.

Amisaligned2.pngImage Enlarger

 

Here is the page with the problem. All the CSS seems to be good...unless I've missed something. However, I've done no coding. I only noticed it after the last post. Any ideas on where I should look? 

sp_PlupAttachments Attachments

Heidi Hafner,
Hafner Designs

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1123
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
2
November 26, 2018 - 6:33 pm
sp_Permalink sp_Print

Hi

Try to turn off ( 0 ) the .attachment-thumbnail paddings.

Pierre ( postrophe )

Avatar
Heidi Hafner
Sahuarita, Arizona
Jedi
Members

Community Member
Forum Posts: 466
Member Since:
October 7, 2012
sp_UserOfflineSmall Offline
3
November 26, 2018 - 8:58 pm
sp_Permalink sp_Print

Thanks, Pierre,

I've never had this problem until now. I used the following CSS and was able to bring the image up. But what I don't get is, if the thumbnail is a set size and the excerpt is a set size, why is it falling out of its box? 

.post_excerpt {
     padding-bottom: 27px;
}

Heidi Hafner,
Hafner Designs

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1123
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
4
November 27, 2018 - 8:23 pm
sp_Permalink sp_Print

Hi

was able to bring the image up

Not in my book.

Pierre ( postrophe )

Avatar
Heidi Hafner
Sahuarita, Arizona
Jedi
Members

Community Member
Forum Posts: 466
Member Since:
October 7, 2012
sp_UserOfflineSmall Offline
5
December 2, 2018 - 4:53 pm
sp_Permalink sp_Print

What browser are you using where you don't see it.

Heidi Hafner,
Hafner Designs

Avatar
Heidi Hafner
Sahuarita, Arizona
Jedi
Members

Community Member
Forum Posts: 466
Member Since:
October 7, 2012
sp_UserOfflineSmall Offline
6
December 2, 2018 - 5:00 pm
sp_Permalink sp_Print

I took out my CSS for excerpts and put in for .attachment-thumbnail  as suggested...but it doesn't raise the image up for me.

Heidi Hafner,
Hafner Designs

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1123
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
7
December 2, 2018 - 5:53 pm
sp_Permalink sp_Print sp_EditHistory

Hi

 

Right now I see an improvement on my Mac : Safari, Firefox, Chrome, Opera browsers.

I see a problem with the skin /* Clearfix */ : Backslash in red : you need to remove red :

/* Clearfix */ 
#header_area:after, #top_menu_area:after, #feature_box_area:after, #content_area:after, #footer_area_top:after, #footer_area_bottom:after, .reverse_wrapper:after, .textwidget:after{ content: \".\"; display: block; height: 0; clear: both; visibility: hidden; }
.menu:after, .post_box:after, .post_box .post_content:after, .home_archive.post_box:after, .home_archive.post_box .post_content:after, .full .post_box:after, .full .post_box .post_content:after, .comment .comment_text:after, ul.menu>li.menu-item>:after { content: \".\"; display: block; height: 0; clear: both; visibility: hidden; }

Pierre ( postrophe )

Avatar
Heidi Hafner
Sahuarita, Arizona
Jedi
Members

Community Member
Forum Posts: 466
Member Since:
October 7, 2012
sp_UserOfflineSmall Offline
8
December 2, 2018 - 8:05 pm
sp_Permalink sp_Print

Dammit! I thought I got all those "\". Thanks for catching that! I never thought to look in the variables! That did the trick I think... 

Heidi Hafner,
Hafner Designs

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1123
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
9
December 3, 2018 - 12:39 am
sp_Permalink sp_Print

Hi

Look OK now to me, and you're welcome. 😉

Pierre ( postrophe )

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1123
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
10
December 3, 2018 - 2:35 am
sp_Permalink sp_Print

Hi

One other mistake in your custom CSS, missing the last closing style : red :

/*---:[ custom CSS ]:---*/
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

Pierre ( postrophe )

Avatar
Heidi Hafner
Sahuarita, Arizona
Jedi
Members

Community Member
Forum Posts: 466
Member Since:
October 7, 2012
sp_UserOfflineSmall Offline
11
December 3, 2018 - 5:19 pm
sp_Permalink sp_Print

Thanks, Pierre,

I did go thru and remove all "\"... but the semi-colon you mentioned is in the old CSS. As long as I'm working on the new skin, I don't have access to the old custom CSS. I should be done soon and be able to swap it out. Thank you again!

Heidi Hafner,
Hafner Designs

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
5 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1366

Brian Tozer: 1004

Carolin: 979

Heidi Hafner: 466

John Cunningham: 422

Reece Morrel: 353

Newest Members:

David

Dina Jokanovic

kwitchey

Kirk Ewing

Md Saifullah

Ian Birch

Forum Stats:

Groups: 8

Forums: 46

Topics: 6947

Posts: 34528

 

Member Stats:

Guest Posters: 6

Members: 6743

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent