WordPress.org

1. skystar1111
   Member
   Posted 9 months ago #
   

   I am sorry, if it does not make sense to you. I am new developer working on existing WordPress blog.

   existing sidebar has title with tag <h3> with rounded corners, I have no idea how it is done!

   I need to keep rounder corners on top left and top right, but need to remove on the bottom left and right.

   when I got to firebug, I got the code as follow:
   

   <li id="recent_posts" class="widget">
   <h3 style="position: relative;">
   Recent Posts
   <div class="canvas" style="display: inherit">
   <canvas style="position:absolute;top:-0px;left:-0px;" height="8px" width="8px"></canvas>
   <canvas style="position:absolute;top:-0px;right:-0px;" height="8px" width="8px"></canvas>
   <canvas style="position:absolute;bottom:-0px;left:-0px;" height="8px" width="8px"></canvas>
   <canvas style="position:absolute;bottom:-0px;right:-0px;" height="8px" width="8px"></canvas>
   </div>
   </h3>

   when I delete the two canvas in Firebug, then I got my result. But I did not find any thing in style.css to do this.

   any idea?
   thanks in advance!
   skystar

2. alchymyth
   The Sweeper & Moderator
   Posted 9 months ago #
   

   generally, widget parameters such as the html are set in functions.php of the theme, in the register_sidebar() code; http://codex.wordpress.org/Function_Reference/register_sidebar

3. skystar1111
   Member
   Posted 9 months ago #
   

   Thanks alchymyth for your quick reply.

   Yes I have the same code as:
   

   register_sidebar(array('name'=>'sidebar3',
   	'before_widget' => '<li id="%1$s" class="widget %2$s">',
   	'after_widget' => '</li>',
   	'before_title' => '<h3>',
   	'after_title' => '</h3>',
   	));

   but I don't know what CSS setting display in firebug as follow:
   <canvas style="position:absolute;top:-0px;left:-0px;" height="8px" width="8px"></canvas>

   I need to work on rounded corners of tag <h3>

   thanks again!

4. alchymyth
   The Sweeper & Moderator
   Posted 9 months ago #
   

   seemingly, the 'canvas' code does not seem to come from the register_sidebar() code.

   what theme is the blog using?

   can you post a link to your site?

   have you checked for javascript as the cause of that formatting?

5. skystar1111
   Member
   Posted 9 months ago #
   

   thanks for the answer that it is not the part of CSS.
   Thanks is customize.

   I test the following CSS on new SideBar, it is working fine in Firefox, but in border radius not working in Firefox.

   font-size:90%;
   background:#216DAB;
   padding:2px 0 3px 10px;
   margin:0;
   color:#FFF;
   font-family:verdana,arial,sans-serif;
   font-weight:bold;
   -moz-border-radius: 10px 10px 0px 0px;
   -webkit-border-radius: 10px 10px 0px 10px;
   border-radius: 10px 10px 0px 0px;

   thanks again for all your help!

6. skystar1111
   Member
   Posted 9 months ago #
   

   I am sorry correction of the previous post, I did not find how to edit my post.
   Theme is customize

Reply

You must log in to post.