Visar inlägg med etikett TEMPLATE. Visa alla inlägg
Visar inlägg med etikett TEMPLATE. Visa alla inlägg

 Removing Shadow or Border from Blog Post/Content


Design > Template > Edit HTML > Search (CTRL F/CMD F) for .content-outer and you should see the following code;

.content-outer {
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 10px #333333;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
margin-bottom: 1px;
}


Carefully delete this and the shadows behind your content area/post area should be gone.


Alternative

Design > Template > Customize > Advanced > Add Css & add the 

following code;

.content-outer { 
-webkit-box-shadow:none; 
box-shadow:none; 
}

Hit Enter & then Apply to Blog.


Remove Text Header Shadow


Design > Template > Customize > Advanced > Add Css & add the following code;

.Header h1 {  
text-shadow:none;
 }

Hit Enter & then Apply to Blog.


Remove Any Image (Post/ Sidebar/ Profile) Shadows


Design > Template > Customize > Advanced > Add Css & add the 

following code;

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img 
{  
-webkit-box-shadow:none; 
box-shadow:none; 
}

Hit Enter & then Apply to Blog. Read a full tutorial on removing image borders & shadows here.

Removing Shadow or Border from Blog Post/Content

Follow the steps below:


1) Go to Dashboard - Layout, get your pages gadget below your header again (like how it originally was)
2) Backup your template by going to Dashboard - Template - Backup/Restore - Download Full Templates.
3) Go to Dashboard - Template - Edit HTML - Proceed
4) Find the following lines:



 <div class='tabs-outer'>
    
<div class='tabs-cap-top cap-top'>
      
<div class='cap-left'/>
      
<div class='cap-right'/>
    
</div>
    
<div class='fauxborder-left tabs-fauxborder-left'>
    
<div class='fauxborder-right tabs-fauxborder-right'/>
    
<div class='region-inner tabs-inner'>
      
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
      
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    
</div>
    
</div>
    
<div class='tabs-cap-bottom cap-bottom'>
      
<div class='cap-left'/>
      
<div class='cap-right'/>
    
</div>
    
</div>



5) Cut these lines, and place them above <header> (just few lines above their original position)
6) Save your template.

Move page bar above header

HEADER HEIGHT :))
/* Header-----------------------------------------------*/
#header-wrapper{width:950px;margin:0 auto 0;height:70px;background:url() top right no-repeat;padding-top:25px;overflow:hidden;}

HEADER COLOR
#header h1 a,#header h1 a:visited{color: #33ccff;text-decoration:none}
33ccff (turkos)

MENY-BAR TEXTLÄNKAR
a:link,a:visited{color:#ff9900;outline:none;}
(ff9900) (även länkar) 33ccff

MENY-BAR BAKGRUNDSFÄRG
#crosscol-wrapper{background:#003399;}

BACKGROUND COLOR (and background image)
<style type='text/css'>
body{background:url(https://lh6.googleusercontent.com/_wrlQa9_aukY/TZOLahWELUI/AAAAAAAAACs/ISI62ybZDHE/background.png) top left repeat-x;background-color:#33ccff;color: #3e3c3c;font:75% &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;margin:0px 0px 0px 0px;padding:0px;}
33ccff (turkos)

DE TUNNA IRITERANDE LINJERNA OVANFÖR MENY-BAREN och footern
#content-wrapper{background:#f7f7f7;border-top:4px solid #7d0000;border-bottom:4px solid #7d0000;}
(7d0000) 3399ff

SÖKRUTAN
#search{border:1px solid #425160;height:30px;margin-top:20px;padding:0;background:#660000;text-align:right;overflow:hidden;width:305px;float:right;}

FOOTER
#footer{background:#33ccff;padding:18px;text-align:center;color:#fff;font-size:13px}
#footer2{color:#7e8891;font-size:11px;text-align:center;background:#33ccff;padding:10px}

PAGES och POST RUBRIK TEXTFÄRG
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:#003399;font:normal 22px Arial, Verdana;}

TA BORT POST-DATUM
HITTA <h2 class='date-header'><data:post.dateHeader/></h2> OCH TA BORT <data:post.dateHeader/>
KVAR ÄR BARA <h2 class='date-header'></h2>

TA BORT HELA FÄLTET MED Datum, Author mm.
KOMMENTERA MED /* och */ SOM VISAS HÄR NEDAN
/* .postdate{padding:1px 4px;font:11px Arial,Verdana;background:#cccccc;color:#3e3c3c}
.postdate img,.postmeta img{border:none;vertical-align:middle;margin:2px} */
OCH KOMMENTERA MED <!-- OCH --> SOM VISAS HÄR NEDAN
<!-- 
<div class='postdate' style='width:100%;margin-bottom:-15px;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKR28JxSZs8Clxlkd_IA9Ib78RtKkviqj8IhCZW9-FvZa5QYtXByXP9acHNfeNnNu2PxMDnQPMJ-5usXmnjq6Og9WCm7R7yFQMzkXVJmRGuXdYbOVOL3ljC3x9QZUB8XofZ546iAUDBJA/'/> <data:post.timestamp/>  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDxQAv8cnKGlWS12Ye7YYS7rR5Ddh9HeTABp6tnpsSt_eBgVF1K8oWHcGxwXMxiki3vAuzFczIlWzk_5i2v94duCEQ9fKDj8zxSM0oiHzsCmVKsM6g2cYve1X4o9Fv5SUWI6e65WrtKs/'/>   <data:post.author/>
</div> -->

ÄNDRA SLIDESHOW MÅTT mm. (Sök efter myGallery)
#myGallery,#myGallerySet,#flickrGallery{width:610px;height:340px;z-index:5;margin-bottom:20px;margin-top:15px;overflow-y:hidden;}

MAKE EVERYTHING TRANSPARENT
#outer-wrapper {background-color: transparent;}
#main-wrapper {background-color: transparent;}
#sidebar-wrapper {background-color: transparent;}
#left-sidebar-wrapper {background-color: transparent;}

EXPERIMENTERA
#content-wrapper{background:#f7f7f7;border-top:4px solid #3399ff;border-bottom:4px solid #3399ff;}

Fixa till Designen

Mall > Redigera HTML

<Variable name="widget.title.text.color" description="Title Color" type="color" default="#888888" value="#888887"/>

Change widget title text color