HTML Code für Linksfarbe bei Widgets (Fußseite - Spalte)

JUE6 · 17. Dezember 2016

Hallo allerseits,

ich möchte die HTML-Code für Linksfarbe "weiß" und für mouseover Farbänderung auf "orange" haben, die HTML-Code liegt bei "Widgets" -> "Sitemap" -> "Text".

Hier die aktuelle HMTL-Code:

<h3>INSIDE DIBF</h3>
<br />
<ul>
<li><a href="http://www.dibf.org/about-us/organization"><font color="white">Organization</font></a></li>
<li><a href="http://www.dibf.org/about-us/central-board"><font color="white">Central Board</font></a></li>
<li><a href="http://www.dibf.org/zones"><font color="white">Zones</font></a></li>
<li><a href="http://www.dibf.org/about-us/commission"><font color="white">Commission</font></a></li>
<li><a href="http://www.dibf.org/about-us/administration"><font color="white">Administration </font></a></li>
</ul>

Und hier das Bild (siehe in den Anhang).

Würde mich auf eure Hilfe freuen, danke.

danielgoehr · 18. Dezember 2016

Das font-tag ist mittlerweile veraltet und wird kaum noch verwendet (in HTML5 ist es auch nicht mehr zulässig).

Das was du suchst, wird normalerweise mit CSS gemacht und nicht mit HTML.

Dein Widget hat vermutlich entweder eine ID oder zumindest eine Klasse, worüber es in CSS angesprochen werden kann (diesen Teil hast du nicht mitkopiert, insofern kann ich dir nicht sagen, wie die heißt).

Die Farbe legst du dann ungefähr so fest:

.klasse-des-widgets li a
{
COLOR:#fff;
}

.klasse-des-widgets li a:hover
{
COLOR:#000;
}

Beim zweiten COLOR musst du #000 gegen den Hex-Code von dem Orange austauschen, dass du haben möchtest.

JUE6 · 18. Dezember 2016

Meine Schwierigkeit ist, den richtigen php zu finden, um die CSS dort zu ändern bzw. einzufügen. Wie kann man den PHP richtig finden?

Vielleicht hier "footer.php":
<?php
$social_footer = get_option(THEME_NAME."_social_footer");
$logoFooter = get_option(THEME_NAME."_footer_logo");
$footerText = get_option(THEME_NAME."_footer_text");

$twitter = get_option(THEME_NAME."_twitter");
$facebook = get_option(THEME_NAME."_facebook");
$googlepluss = get_option(THEME_NAME."_googlepluss");
$pinterest = get_option(THEME_NAME."_pinterest");
$flickr = get_option(THEME_NAME."_flickr");
$vimeo = get_option(THEME_NAME."_vimeo");
$linkedin = get_option(THEME_NAME."_linkedin");

if ( get_option( THEME_NAME."_rss_button" ) == "on" ) {
$rss = get_option(THEME_NAME."_rss_url");
if($rss == "") {
$rss = get_bloginfo("rss_url");
}
} else {
$rss = false;
}

//footer background
$footerBg = get_option(THEME_NAME."_footer_bg");

// pop up banner
$banner_type = get_option ( THEME_NAME."_banner_type" );

$banner_fly_in = get_option ( THEME_NAME."_banner_fly_in" );
$banner_fly_out = get_option ( THEME_NAME."_banner_fly_out" );
$banner_start = get_option ( THEME_NAME."_banner_start" );
$banner_close = get_option ( THEME_NAME."_banner_close" );
$banner_overlay = get_option ( THEME_NAME."_banner_overlay" );
$banner_views = get_option ( THEME_NAME."_banner_views" );
$banner_timeout = get_option ( THEME_NAME."_banner_timeout" );

$banner_text_image_img = get_option ( THEME_NAME."_banner_text_image_img" ) ;
$banner_image = get_option ( THEME_NAME."_banner_image" );
$banner_text = stripslashes ( get_option ( THEME_NAME."_banner_text" ) );

if ( $banner_type == "image" ) {
//Image Banner
$cookie_name = substr ( md5 ( $banner_image ), 1,6 );
} else if ( $banner_type == "text" ) {
//Text Banner
$cookie_name = substr ( md5 ( $banner_text ), 1,6 );
} else if ( $banner_type == "text_image" ) {
//Image And Text Banner
$cookie_name = substr ( md5 ( $banner_text_image_img ), 1,6 );
} else {
$cookie_name = "popup";
}

if ( !$banner_start) {
$banner_start = 0;
}

if ( !$banner_close) {
$banner_close = 0;
}

if ( $banner_overlay == "on") {
$banner_overlay = "true";
} else {
$banner_overlay = "false";
}

?>

<div class="clear-float"></div>

</div>


</div>


</div>


<div class="footer"<?php if($footerBg) { ?> style="background:url(<?php echo $footerBg;?> ); background-repeat:repeat;"<?php } ?>>

<div class="footline"></div>


<div class="wrapper">

<div class="footer-top">

<div style="float:left;width:25%;" ><?php dynamic_sidebar( 'Sitemap1' ); ?></div>

<div style="float:left;width:25%;" ><?php dynamic_sidebar( 'Sitemap2' ); ?></div>

<div style="float:left;width:25%;" ><?php dynamic_sidebar( 'Sitemap3' ); ?></div>

<div style="float:left;width:25%;" ><?php dynamic_sidebar( 'Sitemap4' ); ?></div>

<div class="clear-float"></div>
</div>

<div class="footer-top">

<div style="float:left;width:75%;" ><?php dynamic_sidebar( 'Newsletter' ); ?></div>

<div style="float:left;width:25%;" ><?php dynamic_sidebar( 'Contact' ); ?></div>

<div class="clear-float"></div>
</div>

<div class="footer-top">

<div class="logo" style="margin-right:60px;">
<?php if($logoFooter) { ?>
<a href="<?php echo home_url(); ?>"><img src="<?php echo $logoFooter; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" /></a>
<?php } else { ?>
<a href="<?php echo home_url(); ?>"><strong><?php bloginfo('name'); ?></strong></a>
<?php } ?>
<br /><br />
<p class="info-text" style="margin-left:0px;padding:0px;" ><?php echo $footerText;?></p>
</div>

<div style="float:left;width:350px;" ><?php dynamic_sidebar( 'Footer-1' ); ?></div>

<?php if ($social_footer == "on") { ?>
<div class="soc-icons">
<?php if($flickr) { ?><a href="<?php echo $flickr;?>" class="icon-text"></a><?php } ?>
<?php if($vimeo) { ?><a href="<?php echo $vimeo;?>" class="icon-text"></a><?php } ?>
<?php if($twitter) { ?><a href="<?php echo $twitter;?>" class="icon-text"></a><?php } ?>
<?php if($facebook) { ?><a href="<?php echo $facebook;?>" class="icon-text"></a><?php } ?>
<?php if($googlepluss) { ?><a href="<?php echo $googlepluss;?>" class="icon-text"></a><?php } ?>
<?php if($pinterest) { ?><a href="<?php echo $pinterest;?>" class="icon-text"></a><?php } ?>
<?php if($linkedin) { ?><a href="<?php echo $linkedin;?>" class="icon-text"></a><?php } ?>
<?php if($rss) { ?><a href="<?php echo $rss;?>" class="icon-text"></a><?php } ?>
</div>
<?php } ?>

<div class="clear-float"></div>
</div>


</div>

<?php
if ( function_exists( 'register_nav_menus' )) {
$args = array(
'container' => '',
'theme_location' => 'ot-menu-1',
'items_wrap' => '<ul class="footer-menu">%3$s</ul>',
'depth' => 1,
"echo" => false
);

if(has_nav_menu('ot-menu-1')) {

?>
<div class="footer-middle">
<div class="wrapper">
<?php echo add_menu_arrows(wp_nav_menu($args));?>
</div>
</div>
<?php
}

}
?>

<div class="footer-copy">


<div class="wrapper">
<p>© Copyright <?php echo date('Y'); ?>. All rights reserved worldwide. No portion of DIBF.org may be duplicated, redistributed or manipulated in any form.<span class="copy-brake"> </span>Designed & developed by <a href="http://pph.me/kaznoble" target="_blank">Spikydesign</a></p>

</div>

</div>


</div>

<div class="bottom-back"></div>


</div>

<div class="lightbox">
<div class="lightcontent-loading">
<h2 class="light-title"><?php _e("Loading..", THEME_NAME);?></h2>
<a href="#" onclick="javascript:lightboxclose();" class="light-close"><span>❎</span><?php _e("Close Window", THEME_NAME);?></a>
<div class="loading-box">
<h3><?php _e("Loading, Please Wait!", THEME_NAME);?></h3>
<span><?php _e("This may take a second or two.", THEME_NAME);?></span>
<span class="loading-image"><img src="<?php echo THEME_IMAGE_URL;?>loading.gif" title="" alt="" /></span>
</div>
</div>
<div class="lightcontent"></div>
</div>
<?php
//pop up banner
if ( $banner_type != "off" ) {
?>

<script type="text/javascript">

</script>
<?php } ?>

<?php wp_footer(); ?>

</body>

</html>

JUE6 · 18. Dezember 2016

Oder hier "style.css":

/*

Theme Name: Sportimo Premium Theme Child

Theme URI: DIBF

Description: Sportimo Theme Child

Author: Kaz Noble

Author URI: http://dibf.org

Template: sportimo-theme

Version: 1.3.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

Text Domain: sportimo-theme-child

*/

.header {

height: 125px;

}

.vertical-middle {

height: 125px;

}

.header .left-side-header {

height: 125px;

}

.header p.descr-text-header {

margin: 0px;

}

.header h1.with-logo-bg {

height: 76px !important;

}

.main-block .panel-block > h2 {
font-size: 20px;
color: #ffffff;
background: none;
background-color: #ED6D00;
text-shadow: 1px 1px #2b2b2b;
}

.main-block .panel-block > div {

background-color: #fff;

}

.sidebar-block .panel > h3 {
color: #ffffff;
background: none;
background-color: #ED6D00;
text-shadow: 1px 1px #2b2b2b;
}

#nsu-email-0 {
width: 450px;
}

div.menu {

background-color: #ed6d00 !important;

}

.menu ul.ul-main-menu li ul {

background-color: #ed6d00 !important;

}

.menu ul.ul-main-menu li ul li > a {
background: none !important;
}
.menu ul.ul-main-menu li ul li > a:hover {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0% !important;
}

.read-more-link a {
color: #ED6D00;
}
.read-more-link a:hover {
text-decoration: underline;
}

.div_video {

margin-bottom: 20px;

text-align: center;

}

.tha-content table td {

padding: 0px !important;

border: none !important;

}

.footer-copy a {

color: #fff;

}

.tha-content p {

font-size: 1.4em;

text-align: left !important;

}

.result_table td {

border: none;

padding: 5px !important;

}

.content {

background-color: #ffffff !important;

/*background: url(images/new-background-body.png) repeat-x top;*/

}

.wpb_accordion_section h3 {

background-color: #ED6D00 !important;

}

.wpb_accordion_section h3 a {

font-size: 1.5em;

color: #fff;

text-shadow: none;

}

.slider .slider-image a .slider-overlay strong {

font-family: "oswald";

}

.footer {

background: none !important;

background-color: #3d3d3d

}

.footer .info-text {

width: 220px;

}

.footer .footline {

background-color: #ed6d00 !important;

}

.really_simple_twitter_widget li {

padding-bottom: 10px;

margin-bottom: 10px;

line-height: 17px;

/*border-bottom: 1px solid #fff;*/

/*height: 55px;*/

}

#reallysimpletwitterwidget-3 {

list-style: none;

color: #b3b3b3;

}

#reallysimpletwitterwidget-3 h2 {

margin-bottom: 10px;

}

#reallysimpletwitterwidget-3 h2 a {

color: #fff;

}

#reallysimpletwitterwidget-3 li a {

color: #fff;

}

#reallysimpletwitterwidget-3 li a:hover {

text-decoration: underline;

}

.really_simple_twitter_widget img {

/*float: none !important;*/

margin-top: 0px !important;

}

#login .form-group {

margin-bottom: 10px;

}

#login input[type=text], #login input[type=password], input[type=email] {

display: inline-block;

background: #f9f9f9;

border: 1px solid #fff;

-moz-border-radius: 2px;

border-radius: 2px;

box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px 1px 2px #efefef;

padding: 6px 9px 7px 9px;

width: 210px;

text-shadow: 0px 1px 0px #fff;

color: #797979;

font-size: 11px;

-moz-transition: all 0.1s;

-webkit-transition: all 0.1s;

-o-transition: all 0.1s;

}

.error_wid_login {

width: 87%;

background: none !important;

z-index: 1;

border: none !important;

}

danielgoehr · 19. Dezember 2016

Ich befürchte, so wird das nichts werden.

Wenn du das selbst machen willst, solltest du dir zumindest mal die Grundlagen von HTML, CSS und PHP anschauen. Also nicht unbedingt, wie man es anwendet, aber zumindest was wofür verwendet wird und wie die Zusammenhänge sind.

Das ist jetzt nicht böse gemeint, aber ohne zumindest ein bisschen Grundlagenwissen, wirst du mit unseren Fragen und Hilfestellungen nicht viel anfangen können...

JUE6 · 19. Dezember 2016

Okay, trotzdem danke. Ich werde es bemühen und nicht aufgeben.

WPDE.org

HTML Code für Linksfarbe bei Widgets (Fußseite - Spalte)

JUE6 Member

Anhänge:

Widgets Sitemap Linkfarbe.jpg

danielgoehr Well-Known Member

JUE6 Member

JUE6 Member

danielgoehr Well-Known Member

JUE6 Member

Nützliche Suchen

HTML Code für Linksfarbe bei Widgets (Fußseite - Spalte)

JUE6 Member

Anhänge:

Widgets Sitemap Linkfarbe.jpg

danielgoehr Well-Known Member

JUE6 Member

JUE6 Member

danielgoehr Well-Known Member

JUE6 Member