Editing posts appearance
-
i would like my posts to appear on my page as images only. By leaving them without a title etc they appear as the image i have attached, plus an invisable border that is thin on the sides, but deeper at the bottom. Is there anyway i can get rid of this? Its only a problem because i want my posts to appear side by side, each 133 px wide to fit 6 in a contained area 800px wide. These borders create gaps knocking my 6th post to the next row. Also my images are appering on the site with a red/brown border around them. i cannot find any place on the style sheet which would instruct the image to do that. Does anyone know how to edit the post?? Thanks ??
-
If you post a URL someone can give you an answer specific to your theme rather than generic
yeah, thats true, thanks
i have managed to cut the top and bottom borders of buy amending the wp-caption section of the stylesheet however the bits on the side wont budge!
you may not be able to access this because its not published yet? im not sure…im new to all of this :-/
hi
your domain is not found on the web
https://www.duc54.com/wordpress/?page_id=3i have taken a screenshot since it isnt published yet…. can i ask how to upload a picture onto the forum so you can see?
This is the style sheet if anyone can see what would be causing the gap between posts here??
/* Begin Site Header*/
#header
{
background: url(‘images/Duc_header.jpg’) no-repeat bottom center;
background-color: white;
text-align: center;
}#headerimg
{
margin: 0px 0px 0;
height: 25px;
width: 800px;
text-align: center;
}/* End Site Header*/
/* Begin Site Footer*/
#footer
{
background: url(‘images/footer/footer.jpg’) no-repeat bottom center;
background-color: white;
text-align: center;
}#footerimg
{
margin: 0px 0px 20px 0px;
height: 115px;
width: 1400px;
text-align: center;
}/* End Site Footer*/
/* Begin Site Map Page*/
#sitemappage
{
margin: 20px 0px 20px 0px;
background-color: white;
text-align: center;
width: 800px;
margin-left: auto;
margin-right: auto;
}#sitemappage ul
{
margin: 0px 0px 0px 0px;
padding-left: 0px;
text-align: left;
list-style-type:none;
}#sitemappage li
{
margin: 0px 0px 0px 0px;
padding-left: 0px;
text-align: left;
list-style-type:none;
}#sitemappage h2
{
font-size: 1.2em;
margin: 0px 0px 2px 0px;
padding-left: 0px;
text-align: left;
}#sitemappage td
{
vertical-align :top;
width: 200px;
}/* End Site Map Page*/
/* Begin Navigation Bar Page*/
#navigationbarpage
{
margin: 0px 0px 0px 0px;
background-color: white;
text-align: center;
width: 800px;
margin-left: auto;
margin-right: auto;
border:0;
}#navigationbarpage ul
{
margin: 0px 0px 0px 0px;
padding-left: 0px;
text-align: left;
list-style-type:none;
}#navigationbarpage li
{
margin: 0px 0px 0px 0px;
padding-left: 0px;
text-align: left;
list-style-type:none;
}#navigationbarpage td
{
vertical-align :top;
width: 150px;
height: 25px;
text-align: left;
border:0;
}#navigationbarpage img {border:0;}
#navigation a { display:block; height:25px; width:150px; overflow:hidden; float:left;}
#navigation a:hover { display:block; text-indent:-150px; }/* End Navigation Bar Page*/
/* Begin Contact Page */
#contactpage
{
margin: 0px 0px 0px 0px;
background-color: white;
text-align: center;
width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 2.0em
font-family: ‘Helvetica’, Verdana, Arial, Sans-Serif;
color: #8F8F8F;
}#contactpage ul
{
margin: 0px 0px 0px 0px;
padding-left: 0px;
text-align: left;
list-style-type:none;
vertical-align :top;
}#contactpage li
{
margin: 0px 0px 0px 0px;
padding-left: 0px;
text-align: left;
list-style-type:none;
}#contactpage td
{
vertical-align :top;height: 25px;
text-align: left;
}#contactpage h1
{
padding-top: 2px;
margin: 0;
font-size: 150%;
}/* End Contact Page*/
/* Begin Typography & Colors */
body {
margin: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: ‘Helvetica’, Verdana, Arial, Sans-Serif;
background: #ffffff;
color: #000000;
text-align: center;
}#page
{
margin: 0px 0px 0px 0px;
background-color: white;
text-align: center;
width: 800px;
margin-left: auto;
margin-right: auto;
}#pageimg
{
margin: 0px 0px 20px 0px;
height: 150px;
width: 900px;
text-align: center;
}#page ul
{
padding-left: 0px;
text-align: left;
}#page li
{
padding-left: 0px;
text-align: left;
}#content {
font-size: 1.2em
}/* End Typography & Colors */
/* Begin Structure */
#post-block {
width: 133px;
float: left;
clear: none;
border:0;
}
#container_division {
width: 800px;
}#narrowcolumn {
float: left;
padding: 0 0 0px 0px;
margin: 0px 0 0;
width: 133px;
}#widecolumn {
padding: 0px 0 0px 0;
margin: 0px 0 0 0px;
width: 400px;
}#post {
margin: 0 0 0 0px;
text-align: left;
border:0;
}#post hr {
display: block;
}#widecolumn .post {
margin: 0;
}#narrowcolumn .postmetadata {
padding-top: 5px;
}#widecolumn .postmetadata {
margin: 30px 0;
}#widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}#widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}#postmetadata {
clear: both;
}#clear {
clear: both;
}/* End Structure */
/* Begin Headers */
h1 {
padding-top: 0px;
margin: 0;
}h2 {
margin: 30px 0 0;
}h2.pagetitle {
margin-top: 30px;
text-align: center;
}#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}h3 {
padding: 0;
margin: 30px 0 0;
}h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers *//* Begin Images */
p img {
padding: 0;
max-width: 100%;
}/* Using ‘class=”alignright”‘ on an image will (who would’ve
thought?!) align the image to the right. And using ‘class=”centered’,
will of course center the image. This is much better than using
align=”center”, being much more futureproof (and valid) */img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
border:0;
}.alignright {
float: right;
}.alignleft {
float: left
}
/* End Images *//* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}html>body .entry li {
margin: 7px 0 8px 10px;
}.entry ul li:before, #sidebar ul ul li:before {
content: “0BB 020”;
}.entry ol {
padding: 0 0 0 35px;
margin: 0;
}.entry ol li {
margin: 0;
padding: 0;
}.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
border:0;
}#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}ol li, #sidebar ul ol li {
list-style: decimal outside;
}#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists *//* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}#sidebar form {
margin: 0;
}
/* End Sidebar *//* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: 0;
margin-right: 0;
}.alignleft,
div.alignleft{
display: block;
margin-left: 0;
margin-right: 0;
}.wp-caption {
border: 0px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 0px;
margin: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}.wp-caption p.wp-caption-text {
font-size: 0px;
line-height: 0px;
padding: 0 0px 0px;
margin: 0;
}
/* End captions */</div>
/* Use to comment*/
- The topic ‘Editing posts appearance’ is closed to new replies.