Beiträge von saschafiedler

saschafiedler

Zitat von am3

Ich würd mal in der Funktion adios_portfolio_items() nachsehen

Das war es! Vielen Dank!

saschafiedler

Vielen Dank schon einmal für die Antwort. Ich habe es zum Testen einfach mal an verschiedene Stellen gesetzt und bekomme die korrekten Titel. Allerdings immer alle in einem Absatz, scheinbar unabhängig von den Thumbnails.
Vielleicht findest du ja noch einmal Zeit, über den Code zu schauen. Das Theme verwendet "WPBakery Page Builder" und an der betroffenen Stelle kommt das Plugin "rs_portfolio.php" zu Tragen. Zuerst der Abschnitt, von dem ich Vermute, in dem sich das ganze Abspielt und danach noch das komplette Plugin:

PHP

<div class="izotope-container <?php echo esc_attr($isotope_class); ?>">
            <div class="grid-sizer"></div>
              <?php
                $count = 0;
                $delay = 0.3;
                while ($the_query -> have_posts()) : $the_query -> the_post();
                  $count = ($count > 3 && $style == 'masonry_alt') ? 0:$count;
                  $terms = wp_get_post_terms(get_the_ID(), 'portfolio-category');
                  $term_slugs = array();
                  $term_names = array();
                  if (count($terms) > 0):
                    foreach ($terms as $term):
                      $term_slugs[] = $term->slug;
                      $term_names[] = $term->name;
                    endforeach;
                  endif;
                  $args = array(
                    'width_class'    => $width_class,
                    'posts_per_page' => $limit,
                    'count'          => $count,
                    'limit'          => $limit,
                    'delay'          => $delay,
                    'link_to'        => adios_get_post_opt('portfolio-link-to'),
                    'external_url'   => adios_get_post_opt('portfolio-external-link-url'),
                    'style'          => $style
                  );
                  adios_portfolio_items($args, $image_size, $term_slugs, $term_names);
                  $count++;
                  $delay += 0.2;
                endwhile;
                wp_reset_postdata();
              ?>
           </div>
          </div><!--row-->

Alles anzeigen

PHP

<?php
/**
 *
 * RS Portfolio
 * @since 1.0.0
 * @version 1.0.0
 *
 */
function rs_portfolio($atts, $content = '', $id = '') {
  global $post;
  wp_enqueue_style('adios-swipebox');
  extract(shortcode_atts(array(
    'id'             => '',
    'class'          => '',
    'style'          => 'one_column',
    'filter_cats'    => '',
    'orderby'        => 'ID',
    'order'          => 'DESC',
    'show_filter'    => 'yes',
    'limit'          => '',
    'cats'           => '',
    'exclude_posts'  => '',
  ), $atts));


  $class = ( $class ) ? ' ' .$class : '';


  if (get_query_var('paged')) {
    $paged = get_query_var('paged');
  } elseif (get_query_var('page')) {
    $paged = get_query_var('page');
  } else {
    $paged = 1;
  }
 
switch ($style) {
  default:
  case 'one_column':
    $width_class         = 'wh-100';
    $image_size          = 'large-hor';
    $filter_class        = 'left-filter';
    $outer_wrapepr_class = 'portfolio-outer-wrapper';
    $isotope_class       = '';
    break;


  case 'three_column':
    $width_class         = 'wh-30';
    $image_size          = 'small-alt';
    $filter_class        = 'center-filter';
    $outer_wrapepr_class = 'portfolio-outer-wrapper';
    $isotope_class       = '';
    break;


  case 'four_column':
    $width_class         = 'wh-25';
    $image_size          = 'small';
    $filter_class        = 'center-filter';
    $outer_wrapepr_class = 'portfolio-outer-wrapper';
    $isotope_class       = '';
    break;


  case 'masonry':
    $image_size   = array(
    'wh-25|small-ver',
    'wh-25|small-square',
    'wh-50|medium',
    'wh-25|small-square',
    'wh-50|medium',
    'wh-25|small-square',
    'wh-25|small-square',
    'wh-50|medium',
    );
    $filter_class = 'center-filter';
    $isotope_class       = '';
    $width_class  = '';
    break;


  case 'masonry_alt':
    $image_size          = array('medium-hor', 'large-ver-alt', 'large-ver-alt', 'medium-hor');
    $width_class         = 'wh-50';
    $filter_class        = '';
    $show_filter         = 'no';
    $isotope_class       = 'lg-portfolio';
    $outer_wrapepr_class = 'lg-portfolio-wrap';
    break;
}


  $args = array(
    'posts_per_page' => $limit,
    'meta_query'     => array(array('key' => '_thumbnail_id')),
    'orderby'        => $orderby,
    'order'          => $order,
    'post_type'      => 'portfolio',
    'paged'          => $paged,
  );


  $args['tax_query'] = array(
    array(
      'taxonomy' => 'portfolio-category',
      'field'    => 'id',
      'terms'    => explode(',', $cats),
    ),
  );


  if (!empty($exclude_posts)) {


    $exclude_posts_arr = explode(',',$exclude_posts);
    if (is_array($exclude_posts_arr) && count($exclude_posts_arr) > 0) {
      $args['post__not_in'] = array_map('intval',$exclude_posts_arr);
    }
  }


  ob_start();


  $the_query = new WP_Query($args);
  $max_num_pages = $the_query->max_num_pages; ?>


  <div class="content <?php echo esc_attr($class); ?>">
    <section class="section pt-0">
      <div class="<?php echo esc_attr($outer_wrapepr_class); ?>">
          <?php if($show_filter =='yes'): ?>
            <div class="row">
                  
                  
                  <div class="col-md-2 col-sm-3">
                    <div class="title-style-2 wow zoomIn" data-wow-delay="0.2s">
                      <div class="sub-title">
                        <h5 class="h5">Projekte</h5>
                      </div>
                    </div>
                  </div>
                  
                  
              <div class="col-md-12">
                <?php
                    $terms = get_terms('portfolio-category', array('orderby' => 'name', 'include' => $filter_cats));
                    if (count($terms) > 0): ?>
                    <div class="filters <?php echo sanitize_html_class($filter_class); ?> wow zoomIn" data-wow-delay="0.2s">
                     <div class="drop-filter"><span><?php esc_html_e('Alle', 'adios-addons'); ?> </span><i class="icon-down-open-mini"></i></div>
                       <ul class="filter-mob-list">
                       <li class="active" data-filter="*"><?php esc_html_e('Alle', 'adios-addons'); ?></li>
                       <?php foreach ($terms as $term): ?>
                          <li data-filter=".<?php echo esc_attr($term->slug); ?>"><?php echo esc_html($term->name); ?></li>
                        <?php endforeach; ?>
                       </ul>
                    </div>
                  <?php
                    endif;
                  ?>
              </div>
            </div>
          <?php endif; ?>
          <div class="row">


            <div class="izotope-container <?php echo esc_attr($isotope_class); ?>">
            <div class="grid-sizer"></div>
              <?php
                $count = 0;
                $delay = 0.3;
                while ($the_query -> have_posts()) : $the_query -> the_post();
                  $count = ($count > 3 && $style == 'masonry_alt') ? 0:$count;
                  $terms = wp_get_post_terms(get_the_ID(), 'portfolio-category');
                  $term_slugs = array();
                  $term_names = array();
                  if (count($terms) > 0):
                    foreach ($terms as $term):
                      $term_slugs[] = $term->slug;
                      $term_names[] = $term->name;
                    endforeach;
                  endif;
                  $args = array(
                    'width_class'    => $width_class,
                    'posts_per_page' => $limit,
                    'count'          => $count,
                    'limit'          => $limit,
                    'delay'          => $delay,
                    'link_to'        => adios_get_post_opt('portfolio-link-to'),
                    'external_url'   => adios_get_post_opt('portfolio-external-link-url'),
                    'style'          => $style
                  );
                  adios_portfolio_items($args, $image_size, $term_slugs, $term_names);
                  $count++;
                  $delay += 0.2;
                endwhile;
                wp_reset_postdata();
              ?>
           </div>
          </div><!--row-->
          <?php
            $next_page_url = adios_next_page_url($max_num_pages);
            if(!empty($next_page_url) && $style == 'masonry_alt'):
          ?>
            <div class="row ajax-load-more">
              <div class="col-md-12">
                <div class="text-center wow zoomIn" data-wow-delay="0.3s">
                  <a href="<?php echo esc_url($next_page_url); ?>" data-loading-text="Loading.." id="portfolio-load-more" class="link-type-2 portfolio-load-more"><span><?php echo esc_html__('View more', 'adios-addons'); ?></span></a>
                </div>
              </div>
            </div>
          <?php endif; ?>




      </div>
    </section>
  </div>
<?php
  $output = ob_get_clean();
  return $output;
}


add_shortcode('rs_portfolio', 'rs_portfolio');

Alles anzeigen

saschafiedler

Hallo!

Für den Projektabschnitt unserer Website http://margaretetuenkers-stiftung.de/#3, hätten wir gern ähnlich aussehende und sich verhaltende Thumbnails, wie auf dieser Website: http://chunkymove.com.au/our-works/ (Nicht aktiv: Rahmen, Projekttitel; Hover: Bild fade-in, Projekttitel).
Ich denke ich weiß, was ich auf CSS-Seite zu tun habe, aber könntet ihr mir mit den Titeln helfen? Was ist der PHP(?)-Code um die H1 der dazugehörigen Projekte abzufragen und wo füge ich das in meinem Template ein?

Vielen Dank im Voraus!

saschafiedler

Zitat von Houseofcards

Soweit ich richtig gelesen habe, wird der Visual Page Builder genutzt, richtig? Dort kannst du den Container auf volle Breite stellen, was die anderen Container nicht beeinflusst. Ansonsten mal in den Themeeinstellungen schauen.

Danke für die Antwort! Ja genau, es wird der Visual Page Builder eingesetzt. Allerdings sind die Container meiner Meinung nach schon auf volle Breite gestellt, aber dennoch nicht auf voller Breite. Ich schätze, dass der Designer da irgendwo zusätzlich noch Hand angelegt hat.
Mittlerweile haben wir uns aber schon mit den Boxen abgefunden, aber falls dennoch jemand eine Idee hat, probiere ich es gern für andere mit dem problem aus.

saschafiedler

Hallo!

Bei dem Theme unserer Website https://margaretetuenkers-stiftung.de/ ist für die Desktopansicht überall ein Rand vorgesehen, sodass es so aussieht, als sei der Inhalt immer in separaten Boxen untergebracht.
Allerdings hätten wir es gern, dass speziell das Titelbild sich auf die volle Bildschirmbreite streckt - idealerweise auch der Rest der Website. Könnt ihr mir dabei helfen?

Beste Grüße!

saschafiedler

Vielen Dank für deine Antwort.

Leider bin ich nicht besonders firm in JavaScript, weshalb das wohl nicht meine erste Wahl sein wird. Ich habe mir jetzt überlegt, die Audiodateien einzeln in den Post einzufügen und per Anchorpoints und dazugehörigen URL-Erweiterungen zumindest direkt zur passenden Stelle im Artikel zu gelangen.

Beispiel für Interessierte:
http://blog.de/2017/11/post/#anchor1 zeigt dann also auf <p id="anchor1">Text zum Audiofile</p>

saschafiedler

Hallo Marcus, danke für deine Antwort.

Zitat von 'Marcus[IS

;740017']
Wie sollen wir euch mit so wenigen Informationen helfen können?

Sorry, da es sich um ein altes Standardfeature von Wordpress handelt, habe ich das einfach übersprungen. Es geht um diesen Post, es läuft Wordpress 4.9, das Twentyseventeen Theme in der aktuellsten Ausführung und das Podlove- sowie ein Spamblocker-Plugin.

Zitat von 'Marcus[IS

;740017']
Des weiteren solltest du uns mal mitteilen was du wie genau gemacht hast, damit man ein Bild davon bekommen kann.

Mit normaler Audioplaylist, meine ich die standardmäßige Audioplaylist die über den "Media hinzufügen"-Button eingefügt wird. Das läuft auch alles wunderbar; wie aus dem Lehrbuch. Nur würde ich jetzt gern auf einen einzelnen Titel der Playlist verlinken, also dass sich beim Aufrufen des Links der Post mit Playlist öffnet und der gewünschte Titel vorausgewählt abspielbereit ist. Gibt es vielleicht einen Codeschnipsel, den ich der URL anhängen kann?

saschafiedler

Hallo!

Ich habe eine normale Audioplaylist in einen Post eingebaut und würde nun gern von außerhalb auf bestimmte Titel der Playlist verlinken. Leider finde ich nirgendwo ein Supportdokument, was den Fall beschreibt und wenn ich es per "Rechtsklick > Link kopieren" versuche, wird direkt auf die Datei verlinkt, nicht jedoch auf die Datei in eben der Playlist.
Habt ihr eine Idee, wie ich das machen kann, oder wie ich das Problem umgehen kann?

saschafiedler

Weil ich mit dem Custom Post Type nichts anfangen kann. Ich brauche normale Posts, besser noch Post Formats.

saschafiedler

Push mit noch ein paar Zeichen um das Forum zufrieden zu stellen.

saschafiedler

Das ist diese Box im Wordpress Backend, die dir sagt, dass du deinen Browser aktualisieren sollst - Falls man denn einen veralteten Browser benutzt.

saschafiedler

Ein zärtliches Push.

saschafiedler

Das Thema beschäftigt mich immer noch. ;)

saschafiedler

Hallo.
Ich bin eben über das Theme 'Blox' (http://demo.themezilla.com/blox/) gestolpert und hätte nun auch gern so ein Design und am liebsten auch so einfache Konfigurationsmöglichkeiten (http://cl.ly/LvsR)
Leider verwendet man dort ein Custom Post Type und keine normalen Posts oder besser noch Post Formats... Kann man denn den Post Type irgendwie zu einem normalen Post umwandeln? Oder kennt ihr ein anderes Theme, das so eine Möglichkeit liefert?

saschafiedler

Mhh das selbe bei mir... Immer noch keine Lösungsvorschläge?

Update: Eine komplette Neuinstallation von Wordpress konnte für mich das Problem lösen. Jedoch stehe ich heute früh wieder genauso da...
Bei welchem Hoster seid ihr?

saschafiedler

Push!

Wäre wirklich klassen, wenn mir jemand helfen könnte.

saschafiedler

Hallo.
Da ich in meinem Theme ein paar CSS3 Elemente verwende, bin ich gerade dabei ältere Browser auf eine alternative Seite umzuleiten. Um meinen Besuchern noch einen Anstoß zu geben, sich die aktuellste Version runterzuladen, würde ich gern die 'Browse Happy - Box' aus dem Dashboard dort integrieren.
Könnt ihr mir sagen, wo ich den Code dazu finde? Oder habt ihr vielleicht eine bessere Idee, wie ich meine Nutzer auf ein Update aufmerksam machen kann?

Einen schönen Tag noch!
Sascha

(Ich hoffe, dass ich hier in dem Unterforum halbwegs richtig bin. So richtig hat es aber für mich nirgends reingepasst...)

saschafiedler

Dank für die Antwort.
Wegen des CSS: Ich wollte euch die Arbeit ersparen.
Wegen des Themas: Dann müsste ja alles aus dieser Kategorie raus - Wordpress ist ein CMS. Ich fand das Forum einfach bisher sehr hilfreich, da dachte ich mir, dass man auch das beantworten wird.

saschafiedler

Hallo.

Ich versuche gerade diese CSS-Animation an meine Bedürfnisse anzupassen. Zum größten Teil ist mir das auch schon gelungen, jedoch wollte ich jedem Würfel eine andere Farbe geben.
Wie ihr sehen könnt, haben derzeit alle Würfel die Farbe #ff4d53. Die anderen Würfel sollen die Farben #a1c7e4; #fbd435; #62a546, #f56700 und #fafafa bekommen.
Nun meine Frage, kann ich das irgendwie abkürzen, ohne dass ich für jeden Würfel auch noch einmal die Animation und alles neu schreiben muss?

edit: Kann ich jeden Würfel auch mit einem Link versehen?

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TheaterFABRIK</title>
<style type="text/css">


/* Position and size of the cubes */
.cube {
position: relative;
top: 120px;
left: 65%;
}


.cube p {
line-height: 10px;
font-size: 11px;
}


.cube h2 {
font-size: 11px;
font-weight: bold;
}


.cube.two {
top: 190px;
left: 65%;
margin-left: -120px;
}


.cube.three {
top: 260px;
left: 65%;
margin-left: -240px;
}


.cube.four {
top: 330px;
left: 65%;
margin-left: -360px;
}


.cube.five {
top: 400px;
left: 65%;
margin-left: -480px;
}


.cube.six {
top: 470px;
left: 65%;
margin-left: -600px;
}


.rightFace,
.leftFace,
.topFace div {
padding: 5px;
width: 90px;
height: 90px;
}


.rightFace,
.leftFace,
.topFace {
position: absolute;
}




/* Color of the cubes */
.cube:hover .rightFace,
.cube:hover .leftFace,
.cube:hover .topFace div {
background-color: #ff4d53;
}


.cube:hover .rightFace:hover,
.cube:hover .leftFace:hover,
.cube:hover .topFace:hover div {
background-color: #ce3d42;
}




/* Animation of the cubes */
.leftFace {
-webkit-transform: skew(0deg, 30deg);
-moz-transform: skew(0deg, 30deg);
background-color: #ccc;
}


.rightFace {
-webkit-transform: skew(0deg, -30deg);
-moz-transform: skew(0deg, -30deg);
background-color: #ddd;
left: 100px;
}


.topFace div {	
-webkit-transform: skew(0deg, -30deg) scale(1, 1.16);
-moz-transform: skew(0deg, -30deg) scale(1, 1.16);
background-color: #eee;
font-size: 0.862em;
}


.topFace {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
top: -79px;
left: 50px;	
}


/* Optional WebKit animations for the cubes*/


.cube {
-webkit-transition: -webkit-transform 1s linear;
}


.cube:hover {
-webkit-transform: translate(101px, 57.5px);
}
</style>
</head>
<body>
<div class="cube one">
			<div class="topFace"><div>
				<h2>Kontakt</h2>
				<p>Fragen, Wünsche, Anmerkungen? Schreibe sie uns!</p>
			</div></div>
			<div class="leftFace">
				<h2>Kontakt</h2>
				<p>Fragen, Wünsche, Anmerkungen? Schreibe sie uns!</p>
			</div>
			<div class="rightFace">
				<h2>Kontakt</h2>
				<p>Fragen, Wünsche, Anmerkungen? Schreibe sie uns!</p>
			</div>			
</div>
		
<div class="cube two">
			<div class="topFace"><div>
				<h2>Theatertage</h2>
				<p>Deine Schultheatergruppe braucht Unterstützung? Kein Problem!</p>
			</div></div>
			<div class="leftFace">
				<h2>Theatertage</h2>
				<p>Deine Schultheatergruppe braucht Unterstützung? Kein Problem!</p>
			</div>
			<div class="rightFace">
				<h2>Theatertage</h2>
				<p>Deine Schultheatergruppe braucht Unterstützung? Kein Problem!</p>
			</div>			
		</div>
		
<div class="cube three">
			<div class="topFace"><div>
				<h2>Werkräume</h2>
				<p>Du hast leider keine Zeit für einen Kurs? Wie wäre es mit einem Werkraum?</p>
			</div></div>
			<div class="leftFace">
				<h2>Werkräume</h2>
				<p>Du hast leider keine Zeit für einen Kurs? Wie wäre es mit einem Werkraum?</p>
			</div>
			<div class="rightFace">
				<h2>Werkräume</h2>
				<p>Du hast leider keine Zeit für einen Kurs? Wie wäre es mit einem Werkraum?</p>
			</div>			
		</div>
		
<div class="cube four">
			<div class="topFace"><div>
				<h2>Ganzjahreskurse</h2>
				<p>Möchtest du auch Theater machen? Dann komme zu unseren Ganzjahreskursen.</p>
			</div></div>
			<div class="leftFace">
				<h2>Ganzjahreskurse</h2>
				<p>Möchtest du auch Theater machen? Dann komme zu unseren Ganzjahreskursen.</p>
			</div>
			<div class="rightFace">
				<h2>Ganzjahreskurse</h2>
				<p>Möchtest du auch Theater machen? Dann komme zu unseren Ganzjahreskursen.</p>
			</div>			
		</div>
		
<div class="cube five">
			<div class="topFace"><div>
				<h2>Stücke</h2>
				<p>Hier findest du unsere aktuellen Stücke</p>
			</div></div>
			<div class="leftFace">
				<h2>Stücke</h2>
				<p>Hier findest du unsere aktuellen Stücke</p>
			</div>
			<div class="rightFace">
				<h2>Stücke</h2>
				<p>Hier findest du unsere aktuellen Stücke</p>
			</div>			
		</div>
		
<div class="cube six">
			<div class="topFace"><div>
				<h2>Wir</h2>
				<p>Wer sind wir? Was machen wir? Was wollen wir?</p>
			</div></div>
			<div class="leftFace">
				<h2>Wir</h2>
				<p>Wer sind wir? Was machen wir? Was wollen wir?</p>
			</div>
			<div class="rightFace">
				<h2>Wir</h2>
				<p>Wer sind wir? Was machen wir? Was wollen wir?</p>
			</div>			
		</div>


</div>
</body>
</html>

Alles anzeigen

saschafiedler

Hallo.

Ich versuche gerade ein Theme nach meinen Vorstellungen anzupassen. Einige Sachen konnte ich schon ändern, andere noch nicht.
Eben wollte ich den Header fixieren, was mir auch für die Startseite ganz gut gelang. Leider funktioniert das nicht ganz so flüssig mit den anderen Seiten. Dort wird der Inhalt entweder verdeckt, ohne das man scrollt, oder die Überschriften und Suchfelder scrollen 'über' den Header hinweg, anstatt 'darunter'.

Könnt ihr mir sagen, wo da das Problem liegt? Ich habe euch mal den extrem gekürzten Stylesheet eingefügt und hier zum Download (An den Post anghängen ging nicht...), mein Problemkind da ich mich mit CSS noch nicht besonders gut auskenne... ;) Achja, der rotmarkierte Teil beim Header, den habe ich eingefügt, damit der Header fixiert ist...

Code

h1 {
	float: left;
	font-size: 1.8em; /* 18px */
	line-height: 60px;
	text-transform: uppercase;
}


	h1 a {
		font-size: 1.0em;
	}


h2 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 -18px;
	padding: 0 0 33px;
}


h3 {
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 2.2em;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 -18px;
	padding: 0 0 33px;
}


h4 {
	font-size: 1.2em;
}


h5 {
}


h6 {
}


p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 18px 0;
}


/* Top Area */


.top-area {
	width: 100%;
}


/* Header Styling */


.header_wrapper {
	height: auto;
	width: 100%;
	[COLOR="Red"]position: fixed;[/COLOR]
}


	.header {
		height: auto;
		min-height: 60px;
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
		width: 920px;
	}
	
		.header .hidden-title {
			left: -10000px;
			position: absolute;
			top: -10000px;
		}
		
		.header .logo {
			float: left;
			height: auto;
			max-height: 100px;
			width: auto;
		}


.header .menu ul {
	left: 340px;
	list-style-type: none;
	margin-top: 20px;
	position: absolute;
}


	.header .menu li {
		float: left;
		font-weight: 900;
		padding: 0 30px 0 0px;
		position: relative;
		text-transform: uppercase;
	}
	
		.header .menu li ul {
			display: none;
			left: -15px;
			padding: 25px 0 0;
			position: absolute;
			top: -5px;
			width: 150px;
		}
		
			.header .menu li ul li {
				padding: 10px 15px;
				width: 120px;
			}
		
		.header .menu li:hover ul {
			display: block;
		}
/* Home Styling */


.showcase-nav {
	display: none;
	list-style-type: none;
	margin: 0 auto;
	padding: 40px 20px 0;
	text-align: center;
	width: 920px;
}


	.showcase-nav li {
		display: inline;
		margin: 0 -10px 0 0;
		text-align: center;
		padding: 15px 7px 8px 7px;
	}
	
		.showcase-nav a {
			display: inline-block;
			height: 15px;
			width: 15px;
			-moz-transition: none;
			-o-transition: none;
			-webkit-transition: none;
			transition: none;
		}
		
		.showcase-nav a.active-item {
			cursor: default;
		}


.showcase {
	margin: 0 auto;
	padding: 40px 20px;
	width: 920px;
}


	.showcase li {
		list-style-type: none;
	}


	.showcase .showcase-item {
		display: none;
	}
	
		.showcase .first-item {
			display: block;
		}


	.item-device {
		float: left;
		width: 280px;
	}
		
		.device-media {
			cursor: pointer;
			-moz-border-radius: 1px;
			-o-border-radius: 1px;
			-webkit-border-radius: 1px;
			border-radius: 1px;
			-moz-transition: all .2s ease;
			-o-transition: all .2s ease;
			-webkit-transition: all .2s ease;
			transition: all .2s ease;
		}
		
		.device-media:hover {
			opacity: .8;
		}
/* Contact Styling */


.contact-wrapper {
	width: 100%;
}
		
.contact-form {
	margin: 0 auto;
	padding: 12px 20px;
	width: 920px;
}


	.contact-form p {
		font-weight: 900;
	}


	.contact-inputs {
		float: left;
		margin-bottom: -20px;
		width: 280px;
	}
				
		.contact-inputs p {
			margin: 12px 0 20px 0;
			padding: 10px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		
			.contact-inputs input {
				border: 0;
				font-size: 1.0em;
				width: 100%;
			}
			
		.contact-textarea {
			float: right;
			width: 600px;
		}
			
			.contact-textarea p {
				margin: 12px 0 12px;
				padding: 10px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-o-border-radius: 3px;
				border-radius: 3px;
			}
		
				.contact-textarea textarea {
					border: 0;
					font-size: 1.0em;
					height: 147px;
					resize: none;
					width: 100%;
				}
			
			.contact-form .wpcf7-submit {
				background-color: transparent;
				border: 0;
				cursor: pointer;
				float: right;
				font-size: 1.5em;
				margin: 0;
				padding: 0;
				-moz-transition: all .2s ease;
				-o-transition: all .2s ease;
				-webkit-transition: all .2s ease;
				transition: all .2s ease;
			}
				
	.contact-form .wpcf7-response-output {
		border: 0;
		float: right;
		font-size: 1.2em;
		font-weight: 900;
		margin: 0;
		padding: 0 0 30px 5px;
	}
	
	.contact-form span.wpcf7-not-valid-tip {
		background: none;
		border: 0;
		float: right;
		left: 0px;
		margin-top: -22px;
		position: relative;
		top: 0;
		width: auto;
	}


/* Blog Styling */


	/* Action Bar */
	
	.action-bar-wrapper {
		margin-bottom: -1px;
	}
	
	.action-bar {
		height: 60px;
		margin: 0 auto;
		padding: 30px 20px;
		position: relative;
		width: 920px;
	}
	
		.action-bar h2 {
			line-height: 60px;
			padding: 0;
		}
		
		.searchform {
			margin: -54px 0 0 320px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
			.searchform form {
				display: block;
				padding: 3px 10px;
				position: relative;
				-moz-border-radius: 3px;
				-o-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
		
			.searchfield {
				border: 0;
				border-radius: 5px;
				display: block;
				padding: 7px 0;
				width: 100%;
			}
			
			.searchsubmit {
				border: 0;
				cursor: pointer;
				height: 18px;
				position: absolute;
				right: 10px;
				top: 11px;
				width: 17px;
			}
			
	.action-bar a {
		float: right;
		font-weight: 900;
		margin-top: -30px;
	}		
/* Contact Styling */
			
	.contact-form {
		margin: 0 auto;
		padding: 12px 5%;
		width: 90%;
	}
	
		.contact-form p {
			margin-bottom: 32px;
		}
	
		.contact-inputs {
			float: none;
			margin-bottom: 0;
			width: 100%;
		}
					
			.contact-inputs p {
				margin: 12px 0 20px 0;
				padding: 10px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-o-border-radius: 3px;
				border-radius: 3px;
			}
				
			.contact-textarea {
				float: none;
				width: 100%;
			}
				
				.contact-form .wpcf7-submit {
					margin: 5px 0 0;
				}
					
		.contact-form .wpcf7-response-output {
			padding: 20px 0 20px 5px;
		}
/* Action Bar */
	
	.action-bar-wrapper {
		margin-bottom: -1px;
	}
	
	.action-bar {
		height: 60px;
		margin: 0 auto;
		padding: 30px 5% 20px;
		position: relative;
		width: 90%;
	}
	
		.action-bar h2 {
			display: none;
			line-height: 60px;
			padding: 0;
		}
		
		.searchform {
			margin: 0;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			width: 100%;
		}
		
			.searchform form {
				display: block;
				padding: 3px 10px;
				position: relative;
				-moz-border-radius: 3px;
				-o-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
		
			.searchfield {
				border: 0;
				border-radius: 5px;
				display: block;
				padding: 7px 0;
				width: 100%;
			}
			
			.searchsubmit {
				border: 0;
				cursor: pointer;
				height: 18px;
				position: absolute;
				right: 10px;
				top: 11px;
				width: 17px;
			}


	.blog-post {
		margin: 0;
		padding: 20px 5%;
		width: 90%;
	}
	
		.post-info {
			float: none;
			padding: 20px 0 0;
			width: 100%;
		}
	
		.post-content {
			float: none;
			padding: 30px 0 0;
			width: 100%;
		}

Alles anzeigen

Ich bin für jede Hilfe sehr dankbar.

Sascha

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von saschafiedler

Projekttitel in Thumbnails

Projekttitel in Thumbnails

Projekttitel in Thumbnails

Website auf volle Breite

Website auf volle Breite

Auf Titel in Audioplaylist verlinken

Auf Titel in Audioplaylist verlinken

Auf Titel in Audioplaylist verlinken

Farbige Hintergründe für einzelne Posts

Farbige Hintergründe für einzelne Posts

Browse Happy Script in Startseite einbinden

Farbige Hintergründe für einzelne Posts

Browse Happy Script in Startseite einbinden

Farbige Hintergründe für einzelne Posts

Dashboard funktioniert nicht mehr

Browse Happy Script in Startseite einbinden

Browse Happy Script in Startseite einbinden

CSS Unterelementen unterschiedliche Farben geben

CSS Unterelementen unterschiedliche Farben geben

Header fixieren