Centering my post

  • rafaljaw

    (@rafaljaw)


    13 years, 7 months ago

    Hi I have an question. I’d like to have a post centering. I mean- in my news post- http://zgrupowanie.net/lech-zetysu-bez-transmisji-telewizyjnej/
    I’d like to have post where the iframe is in the middle of the page (iframe- external page “Fakt.pl” I want to have ideally in middle) As you can observe it doesnt look great. I want to make such a “cross”. ZGRUPOWANIE.net on red field is a top of the cross, iframe with page fakt.pl is in center of the cross and footer and comments field is on the bottom of the field.

    Here is a CSS:

    /* 12. Content */
#fullcontent { float: left; background: #fff; width: 1200px; margin: 0px 0px 0px 0px; }
#content { float: left; background: #fff; width: 600px; padding: 0px 15px 15px 0px; border-right: 1px solid #ddd; }
h2.pagetitle { padding: 0px 0px 10px 0px; font-family: Impact; font-size: 22px; text-transform: uppercase; }
h2.pagetitle a, h2.pagetitle a:hover { color: #222 !important; text-decoration: none; }
.posttitle { margin: 0px 0px 10px 0px; font: 22px/24px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #222; }
.posttitle a, .posttitle a:visited { color: #222; }
.postmeta { width: 100%; margin: 0px 0px 5px 0px; }
.postmeta .comment { background: url(images/comment.png) no-repeat right 0px; padding: 0px 20px 0px 0px;  }

    If you need sth more, like for example PHP files or other things, write here.
    Thank you very much for your help. Goodluck! Best regards from Poland!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 7 months ago

    As long as the iFrame has always a width of 1200 pixels, try this CSS;

    .entry iframe {
 position: relative;
 left: -140px;
}

    It isn’t possible to centre the iFrame using margin: 0 auto because the iFrame is too large for its parent div.

    Thread Starter rafaljaw

    (@rafaljaw)

    13 years, 7 months ago

    You are a genius! Thank you so much guy.
    If I could ask, I have one more thing to do more. (f** conditionals, I dont know how to use it properly :P). I want to make something with the top and bottom of the “cross” which I described above.
    I describe it on this screen:
    http://zapodaj.net/69b4a09623866.png.html

    Here i mean how to make a “widther” site. This breaks on the sides aren’t look great. You have any idea how to deal with it? How to expand the site to make it equal. I need to make expand (make “widther”) header, dropdown menu (this one gray under header), comment box and footer

    This is CSS:

    /*
	Theme Name: NewsTube
	Theme URI: http://www.theme-junkie.com
	Description: A news/magazine theme designed by <a href="http://themecrunch.blogspot.com/2010/05/newstube-by-themejunkie.html">Theme Junkie</a>.
	Author: Roy Guan
	Author URI: http://www.theme-junkie.com
	Version: 1.0
	Tags:  2-columns, advertise-ready, widget-ready, advanced-theme-options
*/

/*----------------------------------------------------------------------------------------

INDEX

	 1. Reset
	 2. Defaults
	 3. Hyperlinks
	 4. Advertisement
	 5. Search Form
	 6. Header
	 7. Dropdown Menu
	 8. Container
	 9. Featured News
	10. Breaking News
	11. Postbox
	12. Content
	13. Entry
	14. Paths
	15. Archive
	16. Images
	17. Sidebar
	18. Subscribe
	19. Tabber
	20. Widgets
	21. Calendar
	22. Comments
	23. Comments Form
	24. Pagination
	25. Footer
	26. Pokaż/ukryj tekst jQuery

------------------------------------------------------------------------------------------*/

/* 1. Reset */
@import "css/reset.css";

/* 2. Defaults */
body { background: #e9e9e9; font: 12px/17px Arial, Helvetica, sans-serif; color: #222; }
input { font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/* 3. Hyperlinks */
a, a:visited, a:active { color: #222; text-decoration: none; }
a:hover { color: #16387c; text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; }
a img { border: none; }

/* 4. Advertisement */
.ad728x90 { width: 728px; height: 90px; margin: 9px 0px 0px 0px; border: 1px solid #fff; }
.ad300x250 { width: 300px; height: 250px; margin-bottom: 10px; padding: 0px 0px 15px 0px; border-bottom: 4px solid #B8240D; }

/* 5. Search Form */
#search { margin: 2px 0px 0px 0px; }
.searchinput { display: inline; float: right; width: 100px; height: 14px; margin: 1px 0px 0px 0px; padding: 2px 4px 2px 4px; font-size: 11px; color: #666; border: 1px solid #e6e6e6; }
.searchsubmit { display: inline; float: right; background: url(images/search.png) repeat-x center; width: 29px; height: 20px; margin: 0px 5px 0px 3px; border: none; cursor: pointer; }

/* 6. Header */
#header { background: url(images/bg-header.png) repeat-x; height: 95px; margin: 0px 0px 0px 0px; padding: 4px 7px; line-height: 90px; border-top: 0px solid #fff; }
.imagelogo { float: left; background: url(images/logo.png) no-repeat; width: 510px; height: 90px; margin: 10px 0px 0px 0px; cursor: pointer; }
.textlogo { display: inline; float: left; width: 210px; margin: 20px 0px 0px 5px; text-transform: uppercase; color: #fff; }
.textlogo h1 { margin: 0px 7px 0px 0px; font: 44px/44px Impact, Arial Black; }
.textlogo h2 { font: 12px/16px Arial; }
.textlogo a, .textlogo a:hover, .textlogo a:visited { color: #fff; text-decoration: none; }

/* 7. Dropdown Menu */
#menu { background: #e9e9e9; height: 26px; border-top: 0px dotted #ccc; position:relative; z-index: 100; }
#menu ul { float:left; }
#menu ul li { position: relative; display: inline; float:left;}
#menu ul li .first { background: none !important; padding-left: 10px; }
#menu ul li a { display: block; background: url(images/slash.png) no-repeat left center; padding: 3px 6px 2px 14px; font: 17px Impact, "Arial Black", sans-serif; color: #222; text-transform: uppercase; }
* html #menu ul li a { display: inline-block; float: left;}
* html #menu ul li ul li a { float: none; }
#menu ul li a:link, #menu ul li a:visited{ text-decoration: none;}
#menu ul li a:hover, #menu .current-cat a, #menu .current-cat-parent a, #menu .select a{ color: #16387c; text-decoration: none;}
#menu ul li ul { display: block; position: absolute; left: 0px; margin: 0px 0px 0px 4px; padding: 0px; visibility: hidden; border-bottom: 1px solid #afafaf; z-index: 95;}
#menu ul li ul li { display: list-item; float: none; background: none; padding: 0px; font-size: 12px; }
#menu ul li ul li ul { top: 0px; margin: 0px; }
#menu ul li ul li a, #menu .select ul li a { width: 150px; height: auto; font: bold 13px Arial; padding: 3px 1px; margin: 0px; background: #f9f9f9; text-align: left; text-decoration: none; text-transform: capitalize; color: #222; border-top: 1px solid #afafaf;}
#menu ul li ul li a:hover{ background: #f0f0f0; color: #222; text-decoration: none; }

/* 8. Container */
#wrapper { background: #fff; width: 960px; margin: 10px auto; }
#inner { background: #fff; width: 930px; padding: 20px 15px 15px 15px; }
#column1 { float: left; background: #fff; width: 600px; padding: 0px 15px 0px 0px; border-right: 1px solid #ddd; }

/* 9. Featured News */
#featured { background: #fff; margin: 0px 0px 5px 0px; }
#featured h1 { margin: 8px 0px 5px 0px; font: 20px/22px Georgia, "Times New Roman", Times, serif; font-weight: bold; }
#featured h2 { margin: 8px 0px 3px 0px; font: 16px/18px Georgia, "Times New Roman", Times, serif; }
#featured h1 a, #featured h2 a { color: #000000; }
.featuredthumb { position: relative; }
.featuredpost { background: #111; opacity: .75;filter: alpha(opacity=75); position: relative; width: 285px; left: 0px; bottom: 8px; padding: 0px; }
.featuredpost a, .featuredpost a:hover { font: 18px/20px Georgia, "Times New Roman", Times, serif; color: #fff; }

/* 10. Breaking News*/
#breaking { background: #fff; width: 600px; padding: 0px 0px 0px 0px; border-top: 4px solid #B8240D; }
.postbox { width: 600px; padding: 0px 0px 5px 0px; border-top: 4px solid #B8240D; }
.postbox h2 { margin: 2px 0px 5px 0px; font: 15px/19px Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.postbox h2 a, .postbox h2 a:visited { color: #16387c; }
.postbox h2.normal { margin-top: 0px; font-weight: normal; }
.postbox ul { margin: 2px 0px 0px 0px; }
.postbox li { background: url(images/dot-gray.gif) no-repeat left 7px; padding: 2px 0px 3px 10px; font-size: 1em; line-height: 15px; }
.postbox li a, .postbox li a:visited { color: #16387c; }
.boxleft { float: left; width: 295px; margin: 0px 0px 0px 0px; }
.boxright { float: right; width: 295px; margin: 0px 0px 0px 0px; }
.date { font-size: 10px; color: #B8240D; text-transform: uppercase; }
.gray { font-size: 9px; color: #666; }
.readmore a { font-size: 11px; font-style: italic; color: #666; }

/* 11. Postbox */
.postbox { width: 600px; padding: 0px 0px 5px 0px; border-top: 4px solid #B8240D; }
.postbox h2 { margin: 2px 0px 5px 0px; font: 15px/19px Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.postbox h2 a, .postbox h2 a:visited { color: #16387c; }
.postbox h2.normal { margin-top: 0px; font-weight: normal; }
.postbox ul { margin: 2px 0px 0px 0px; }
.postbox li { background: url(images/dot-gray.gif) no-repeat left 7px; padding: 2px 0px 3px 10px; font-size: 1em; line-height: 15px; }
.postbox li a, .postbox li a:visited { color: #16387c; }
.boxleft { float: left; width: 295px; margin: 0px 0px 0px 0px; }
.boxright { float: right; width: 295px; margin: 0px 0px 0px 0px; }
.date { font-size: 10px; color: #B8240D; text-transform: uppercase; }
.gray { font-size: 9px; color: #666; }
.readmore a { font-size: 11px; font-style: italic; color: #666; }

/* 12. Content */
.entry iframe {
 position: relative;
 left: -140px;
}
#fullcontent { float: left; background: #fff; width: 930px; margin: 0px 0px 0px 0px; }
#content { float: left; background: #fff; width: 600px; padding: 0px 15px 15px 0px; border-right: 1px solid #ddd; }
h2.pagetitle { padding: 0px 0px 10px 0px; font-family: Impact; font-size: 22px; text-transform: uppercase; }
h2.pagetitle a, h2.pagetitle a:hover { color: #222 !important; text-decoration: none; }
.posttitle { margin: 0px 0px 10px 0px; font: 22px/24px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #222; }
.posttitle a, .posttitle a:visited { color: #222; }
.postmeta { width: 100%; margin: 0px 0px 5px 0px; }
.postmeta .comment { background: url(images/comment.png) no-repeat right 0px; padding: 0px 20px 0px 0px;  }

/* 13. Entry */
.entry { padding: 15px 0px 10px 0px; color: #222; line-height: 1.4em; border-top: 1px solid #ddd; }
.entry p { padding-bottom: 10px; }
.entry strong { font-weight: bold; }
.entry em { font-style: italic; font-weight: normal; }
.entry strong em, .entry em strong { font-style: italic; font-weight: bold; }
.entry h1 { font: 22px/24px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h2 { font: 20px/22px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h3 { font: 18px/20px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h4 { font: 16px/18px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h5 { font: 14px/16px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h6 { font: 13px/15px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry a, .entry a:visited { color: #16387c; }
.entry a:hover { color: #16387c; text-decoration: underline; }
.entry a img { border: none; }
.entry ul { margin: 0px 0px 0px 7px; padding-bottom: 10px; list-style: none;}
.entry ol { margin: 0px 0px 10px 25px; list-style-type: decimal; }
.entry ol ol { list-style: upper-alpha; }
.entry ol ol ol { list-style: lower-roman; }
.entry ol ol ol ol { list-style: lower-alpha; }
.entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul { margin-bottom: 0px; }
.entry ul li { background: url(images/dot-gray.gif) no-repeat 0 7px; padding: 2px 0px 3px 10px; font-size: 12px; line-height: 15px; }
.entry ol li { padding: 3px 0px 3px 0px; font-size: 12px; line-height: 15px; }
.entry li a:link, .entry li a:visited { color: #222; }
.entry li a:hover { color: #16387c; }
.entry li ul { margin: 0px;padding: 0px; }
.entry del { text-decoration: line-through;color: #aaa; }
.entry ins { text-decoration: underline; font-weight: bold; }
.entry blockquote { margin:20px 0; padding:15px 15px 1px 15px; background: #f5f5f5; border: 1px solid #eee; border-width: 1px 0px; font-family: Georgia,"Times New Roman",Times,serif; }
.entry blockquote p, blockquote a, blockquote { color:#999; font-style:italic; font-size: 1em; }
.entry dfn { font-weight: bold; }
.entry pre, .entry code, .entry tt { margin: 1.5em 0px; white-space: pre; display: block; }
.entry pre, .entry code, .entry tt { font: 0.8em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.7; background: #f5f5f5; overflow: auto; padding: 1em; color: #999; }
.entry hr { background: #e6e6e6; color: #e6e6e6; clear: both; width: 100%; height: 1px; margin: 15px 0px; border: none; }
.entry input, .entry textarea { font-size: 1em; padding: 3px; }

.tags { background: #fff url(images/tag.gif) no-repeat 0px 0px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; color: #222; }
.tags a, .tags a:visited { color: #222; text-decoration: none; }
.tags a:hover { color: #16387c; text-decoration: underline; }

/* Paths */
#paths {width: 910px;border:1px solid #ddd;float:left;margin-bottom:15px;padding:6px 6px;overflow:hidden;font-size: 11px;color: #444;}
#paths a,#paths a:visited,#paths strong {padding:5px 0px;}
#paths strong { font-weight: bold; }
#paths a {color: #16387c;text-decoration: underline;}
#paths a:hover { text-decoration: none;}
#paths a.home, #paths a.home:visited { background:url(images/icon_home.png) no-repeat left center; padding-left:14px; }

/* 15. Archive */
.archive { padding: 15px 0px; border-bottom: 1px solid #ddd; }
.archive img { padding: 0px 10px 0px 0px; }
.archive h2 { margin: 0px 0px 8px 0px; font: 20px/22px Georgia, "Times New Roman", Times, serif; }
.archive h2 a, .archive h2 a:visited { color: #16387c; }	

/* 16. Images */
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; }
img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }
.wp-caption { background: #F7F7F7; text-align: center; padding: 4px 0px 5px 0px; border: 1px solid #e6e6e6; }
.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; line-height: 12px; }

/* 17. Sidebar */
#sidebar { float: right; background: #fff; width: 300px; }
#sidebar li ul { border: none;}
#sidebar a, #sidebar a:visited { color: #222; }
#sidebar a:hover { color: #16387c; }
.widgetbox { margin: 10px 0px 10px 0px; padding-bottom: 5px; border-bottom: 4px solid #B8240D; }
.widgetnews { background: #f5f5f5; margin: 0px 0px 5px 0px; padding: 0px 5px; border-bottom: 1px solid #eee; }
.widgetnews img { float: left; padding: 0px 10px 0px 0px; }
.adtext {margin-bottom: 10px;color: #999;font-size: 10px;text-transform: uppercase;}

/* 18. Subscribe */
#subscribe { background: #fafafa url(images/graybg.png) repeat-x scroll center bottom; padding: 8px 5px; border: 1px solid #ddd; font-size: 90%; }
.subscribe_icons { width: 285px; margin: 0px auto; }
.subscribe_icons li { display: inline; float:left; margin: 0px 2px 5px 2px; width: 52px; text-align: center; font-size: 11px; }
.subscribe_icons a { display:block; padding: 40px 0 2px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; }
.subscribe_icons a:hover { color:#444; text-decoration: none; -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_buzz a { background: url(images/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background: url(images/twitter.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background: url(images/facebook.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background: url(images/rss.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background: url(images/email.png) center top no-repeat; }

/* 19. Tabber */
.tabber { width: 298px; margin: 0px 0px 5px 0px; }
.tabber ul { background: #fff; }
.tabs { display: block; margin: 0px 1px 0px 0px; }
.tabs li { float: left; display: inline; background: #f9fafa url(images/graybg.png) repeat-x; }
.tabs li a { display: block; margin: 0px 1px 0px 0px; padding: 2px 8px; font-size: 11px; font-weight: bold; text-transform: uppercase; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.tabs li a:hover { color: #16387c; text-decoration: none; }
.tabs li a.selected, .tabs li a.selected:hover { background: #fff; color: #16387c; border-bottom: 1px solid #fff !important;}
.tabcontent { display: none; width: 278px; margin: -1px 0px 0px 0px; padding: 10px 10px 5px 10px; border: 1px solid #ddd; }
.tabcontent li { list-style: decimal outside; margin: 0px 0px 0px 18px; padding: 0px 0px 5px 0px; color: #666; }

/* 20. Widgets */
.widget { width: 300px;}
.widget ul li { background: url(images/dot-gray.gif) no-repeat left 9px; padding: 3px 0px 3px 10px; }
.halfwidth ul li { float: left; width: 140px; }
h1.widgettitle { padding: 0px 0px 0px 0px; font-family: Impact; font-size: 22px; text-transform: uppercase; }
h1.widgettitle a, h1.widgettitle a:hover { color: #222 !important; text-decoration: none; }

/* 21. Calendar*/
#wp-calendar { width: 100%; }
#wp-calendar, #wp-calendar th, #wp-calendar caption { text-align:center; }
#wp-calendar th { background: #f5f5f5; padding: 3px; border: 1px solid #f0f0f0; }
#wp-calendar td { padding: 5px 2px; border: 1px solid #f0f0f0; }
#wp-calendar caption { background:transparent; font-weight:bold;padding: 3px 0px 7px 0px; color: #333; }
#wp-calendar #today { background: #f5f5f5; font-weight:bold; }

/* 22.Comments */
#comments { border-top: 1px solid #ddd; position: relative; margin-top: 0px;padding: 20px 0px 0px 0px; }
#comments h3 { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 20px; }
#comments .comment { margin-top: -1px !important; list-style-type: none;}
#comments .avatar { float: left; }
#comments img.avatar { background: #fff; padding: 2px; border: 1px solid #e6e6e6; }
#comments .comment-right { margin-left: 75px; }
#comments .comment .comment-container  { padding: 3px 0px; }
#comments .comment-head  { border-bottom: 1px solid #ddd; height: 30px; line-height: 30px; padding: 0px; margin: 0px; }
#comments .comment-head .name { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0px 0px -5px 0px; font-weight: bold; font-size: 12px; }
#comments .comment-head .date { font-family: Georgia, "Times New Roman", Times, serif; text-transform: none; }
#comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color:#777; padding: 0px 5px 0px 0px; }
#comments .comment-entry { background:#fff; color:#555; padding:10px 0px 0px 0px; border-width:0 1px 1px 1px; font-size:12px; line-height:16px; }
#comments .comment-entry p  { margin: 0 0 0px 0; }
#comments li { padding: 15px; border: 1px solid #ddd; }
#comments ul.children { padding:10px 10px 10px 25px;margin:0; }
#comments .cancel-comment-reply {margin-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; }
#comments .cancel-comment-reply a { color: #16387c; }

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments .reply { margin: 15px 0px 0px 0px; }
#comments a.comment-reply-link { color:#16387c; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; text-decoration: underline; }
#comments a.comment-reply-link:hover { text-decoration: none; }
#comments .unapproved { text-align:center; padding: 5px; }

/* 23. Comments Form */
#respond  { margin: 0px; padding: 25px 0px 20px; border-bottom: 1px solid #ddd;}
#comments #respond { padding:20px 0px; }
#respond h3  { font-size: 16px; font-weight: bold; color:#222; padding-bottom:10px;  }
#respond .left { float: left; width: 200px; }
#respond .right { float: left; width: 350px; }
#commentform  {	margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; }
#commentform input.txt  { color: #555; width: 180px; margin: 0px 10px 10px 0px; }
#commentform textarea  { color: #555; width: 100% !important;  }
#commentform #submit  { margin: 15px 0px 0px 0px; }
#commentform #submit { padding: 3px 6px; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; text-shadow: #555 0px 1px; background-color: #16387c; border: 1px solid #ddd; }
#commentform #submit:hover { cursor:pointer; opacity:0.8; }
input.txt,textarea{ background: #f5f5f5 !important; border:1px solid #ddd; border-color: #ddd #eee #eee #ddd; padding: 3px 5px;}
input.txt:focus,textarea:focus { background:#FFF !important; border:1px solid #ccc; color: #111!important;}

/* 24. Pagination */
.pagenavi { padding: 10px 0px 0px 0px; }
.nextprev a { padding: 7px 0px; }

/* 25. Footer */
#footer { background: #fff; margin: 10px 0px 0px 0px; font-size: 11px;  }
#footer ul { display: inline; }
#footer li ul { display: inline; background: none; margin: 0px; padding: 0px; border: none; }
#footer ul li { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 8px 0px 0px; list-style: none;}
#footer li li { display: inline; }
#footer li a { color: #16387c; }
.footerline { float: left; display: inline; width: 600px; height: 1px; margin: 0px 0px 0px 0px; border-top: 4px solid #B8240D; }
.footerlogo { margin: 0px 10px 0px 0px; }

/* 26. Pokaż/ukryj tekst jQuery */
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 7 months ago

    To expand your website elements to fit with the banner, try changing the #wrapper width from 960px to 1200px.
    E.g

    #wrapper {
 width: 1200px;
}

    If you then want the iFrame to fit properly, remove the left: -140px that you applied earlier.

    Thread Starter rafaljaw

    (@rafaljaw)

    13 years, 7 months ago

    Thank you very much for your response. It works correctly on single.php (single post) but unfortunately also in index.php (home page). Have you got any idea how I can do it only for single.php? I don’t want change the size of home page- index.php. I only want to change size of single.php- single post.

    Please, help me. Thank you for all you did for me. Best regards!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 7 months ago

    Could you link the page that uses single.php template?

    Thread Starter rafaljaw

    (@rafaljaw)

    13 years, 7 months ago

    Here you are:

    http://zgrupowanie.net/lech-zetysu-bez-transmisji-telewizyjnej/

    Thread Starter rafaljaw

    (@rafaljaw)

    13 years, 7 months ago

    P.S.

    Also size of pages are of course not correctly.
    Example link: http://zgrupowanie.net/statystyki-polakow-za-granica/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 7 months ago

    There isn’t a way to distinguish pages in CSS, as there are no selectors unique to each page/ template.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 7 months ago

    You need to add some classes or ids in the HTML.

    Thread Starter rafaljaw

    (@rafaljaw)

    13 years, 7 months ago

    Unfortunately I’m amateur and I’m not good in this. Could you give me some more tips how to make another sizes, appearance for news (singles) and pages, please?

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Centering my post’ is closed to new replies.