• Hey!

    I am trying to customize this theme.

    I have a few different plugins installed on my site and have used widgets for the sidebar.

    My question is, is there away to customize different aspects of the sidebars?

    for example in the category section of the sidebar i want
    the list style to be + instead of circles and have each cat listed underlined. but if i make that change to the sidebar its changes everything on both sides. is there a easy way to customize different aspects of the sidebars without it changing everything? or do i have to create a bunch of different .CSS class’s and edit each plugin?

    let me know

    Thanks
    -Jon

Viewing 8 replies - 1 through 8 (of 8 total)
  • is there a easy way to customize different aspects of the sidebars without it changing everything? or do i have to create a bunch of different .CSS class’s

    If you want to style an individual element, you must identify it as an individual element with ID or class.

    Wrap the element that you want to be different in a class. So if you have included a categories list in your widgetized sidebar the chances are it will have been given a class ‘widget_categories’. Therefore if you add this class to your css stylesheet and then style it e.g.

    .widget_categories {
    list-style-type: none;
    }
    Thread Starter spikechu

    (@spikechu)

    I have tried everything i created the

    .widget_categories {
    list-style-type: none;
    }

    Code

    and tried everything but it seems like the Sidebar css code is over riding everything with in the sidebar no matter what i do.

    Have you a link to your site that I could look at?

    Thread Starter spikechu

    (@spikechu)

    That is very messy code with it being in tables. I always code in divs using CSS to style. Anyway it seems as though you have got a class of .sidebars on your sidebar2. I would remove that class.

    Then to style the bit that is categories (first block on right sidebar) you should be able to create a class named widget_categories.

    Then if you want to style elements of that you can for example:

    .widget_categories ul
    .widget_categories ul li

    and so on.

    Hi Equal Design, im very new to blogging, i do have my page up and used a theme that was already available to me in wordpress. My only question is when i add widgets to the side bar and then go to the main page, it all shows up at the bottom of the page instead of the upper right hand corner.
    The about me, categories, blogroll, etc is on top normally, just not on the front page. How do i fix that?
    If you want to take a look im at, https://www.prettyobsessed.com
    I would appreciate any help i can get..thank you

    Hello, i am new to word press and php code. I recently was trying to help some friends with their site. WWWfishpaa.com.

    they had a sidebar that showed properly on the page and we added a flash file to the main index template. unfortuately when we did that I accidently deleted two small pieces of code and now cannot get the sidebar to show in the right position.
    It will show at the bottom but will not show in the upper right wher it was. I know the Style shett is right because it was working and we did not touch that.
    the code on the main index template is as follows.

    the piece where i lost the code was between this:

    name=”obj25″ width=”396″ height=”193″ quality=”High” wmode=”transparent”></object>

    <?php if (have_posts()) {

    I remember there being an a and some symbols

    PLEASE HELP DESPERATE:

    <?php get_header(); ?>
    
    <div class="tandem-banner">
    
    <a href="https://www.thmarine.com/" class="f-left"><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/120x60_ALMtnLakes_Fishing.jpg"/></a> 
    
    <a href="https://www.floridakiss.com" class="f-left"><img alt="Kissimmee" src="<?php bloginfo('stylesheet_directory'); ?>/images/zzkissi.jpg"/></a>
    
            </div>
    
     <div class="flash-box">
               <?php include (ABSPATH . '/wp-content/plugins/content-gallery/gallery.php'); ?>
            </div>
    
            <div class="opacity">
            <div class="video-news">
        		<div class="video-news-cnt">
        			<div class="video-box f-left">
        				<h2>
        					<span class="sIFR-replaced"><embed height="28" width="404" src="<?php bloginfo('stylesheet_directory'); ?>/swf/hero.swf" quality="best" flashvars="txt=PAA VIDEOS&amp;textcolor=#ffffff&amp;linkcolor=#ffffff&amp;w=404&amp;h=28" wmode="transparent" bgcolor="transparent" sifr="true" type="application/x-shockwave-flash" class="sIFR-flash" style="width: 404px; height: 28px;"><span class="sIFR-alternate">PAA VIDEOS</span></span>
        				</h2>
        				<a href="https://www.planomolding.com"><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/plano.jpg"/></a>
        				<div class="video-cnt">
    
    <object width="416" height="277">	<param name="allowfullscreen" value="true" />	<param name="allowscriptaccess" value="always" />	<param name="movie" value="https://vimeo.com/moogaloop.swf?clip_id=1298624&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" />	<embed src="https://vimeo.com/moogaloop.swf?clip_id=1298624&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="416" height="277"></embed></object>
    
    <br />
    
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="https://www.youtube.com/v/RiKFOO1bHJ8&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="https://www.youtube.com/v/RiKFOO1bHJ8&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object>
    
    </div>
    
    <p class="archives">
        					<span class="sIFR-replaced"><embed height="19" width="81" src="<?php bloginfo('stylesheet_directory'); ?>/swf/hero.swf" quality="best" flashvars="txt=<a href=%22asfunction:_root.launchURL,0%22>ARCHIVES</a>&amp;textalign=right&amp;textcolor=#ffffff&amp;linkcolor=#ffffff&amp;w=81&amp;h=19&amp;sifr_url_0=#" wmode="transparent" bgcolor="transparent" sifr="true" type="application/x-shockwave-flash" class="sIFR-flash" style="width: 81px; height: 19px;"/><span class="sIFR-alternate"><a href="https://fishpaa.com/?cat=46">ARCHIVES</a></span></span>
        				</p>
    
        				<a href=""><img alt="Coming Soon" src="<?php bloginfo('stylesheet_directory'); ?>/images/banner7.jpg"/></a><br />
    
    </div>
    
       <div class="news-box f-right">
    
        				<h2>
        					<span class="sIFR-replaced"><embed height="28" width="396" src="<?php bloginfo('stylesheet_directory'); ?>/swf/hero.swf" quality="best" flashvars="txt=PAA NEWS&amp;textcolor=#ffffff&amp;linkcolor=#ffffff&amp;w=396&amp;h=28" wmode="transparent" bgcolor="transparent" sifr="true" type="application/x-shockwave-flash" class="sIFR-flash" style="width: 396px; height: 28px;" /><span class="sIFR-alternate">PAA NEWS</span></span>
        				</h2>
    
                        <a href="https://www.lunkerlure.com"><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/lunkerlure.jpg"/></a><br />
    
     <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj25" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="396" height="193">
    	<param name="movie" value="/wp-content/themes/PPA/swf/PAAradio_ad.swf">
    	<param name="quality" value="High">
    	<param name="wmode" value="transparent">
    	<embed src="/wp-content/themes/PPA/swf/PAAradio_ad.swf" pluginspage="https://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj25" width="396" height="193" quality="High" wmode="transparent"></object>
    
                        	<?php if (have_posts()) {
                                $i=0; ?>
                        		<?php while (have_posts()) { the_post();
                                    if ($i >= 2){break;}
    
                                    $flag=false;
                                    foreach(get_the_category(get_the_ID()) as $cat)
                                    {
                                        if ($cat->cat_ID == NEWS_CATEGORY_ID)
                                        {
                                            $flag = true;
                                            break;
                                        }
                                    }
                                    if ($flag){
                                        $i++;
                                        get_post_attachments(get_the_ID() , 0, 1);
                                        echo '<p><strong>';
                                        the_title();
                                        echo '</strong></p>';
                       					the_content('...[Read More]');
                        		    }
                        	    }
                            }?>
    
        				</div>
        				<p class="archives">
        					<span class="sIFR-replaced"><embed height="19" width="81" src="<?php bloginfo('stylesheet_directory'); ?>/swf/hero.swf" quality="best" flashvars="txt=<a href=%22asfunction:_root.launchURL,0%22>ARCHIVES</a>&amp;textalign=right&amp;textcolor=#ffffff&amp;linkcolor=#ffffff&amp;w=81&amp;h=19&amp;sifr_url_0=#" wmode="transparent" bgcolor="transparent" sifr="true" type="application/x-shockwave-flash" class="sIFR-flash" style="width: 81px; height: 19px;"><span class="sIFR-alternate"><a href="https://fishpaa.com/?cat=46">ARCHIVES</a></span></span>
        				</p>
        			</div>
        		</div>
        		<div class="half-banner">
        			<a href="https://www.vicious-fishing.com/vicious-fishing/" class="f-left" ><img alt="Vicious Fishing" src="<?php bloginfo('stylesheet_directory'); ?>/images/ai.gif"/></a>
    
    	<a href="https://fishpaa.com/?p=1383" class="f-left" ><img alt="Special Rates" src="<?php bloginfo('stylesheet_directory'); ?>/images/wyndhambanner.jpg"/></a>
    
    	<a href="https://www.jasperengines.com/" class="f-left"><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/jasper.gif"/></a>
    
        		</div>
    
    <div class="half-banner">
        			<a href="https://fishpaa.com/?cat=48" class="f-left" ><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/points.jpg"/></a>
    	<a href="https://www.toyotatexasbassclassic.com/folders.asp?action=display&record=1"class="f-left" ><img alt="" src="<?php bloginfo('stylesheet_directory'); ?>/images/ttbc.jpg"/></a>
    	<a href="https://www.geminisportmarketing.com/" class="f-left"><img alt="gemini" src="<?php bloginfo('stylesheet_directory'); ?>/images/geminibanner.jpg"/></a>
            </div>
    
    </div>
    
     <?php get_footer(); ?>
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Sidebar help’ is closed to new replies.