SideBar Title
-
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
-
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_sidebarThanks 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!
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?
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!
I am sorry correction of the previous post, I did not find how to edit my post.
Theme is customize
The topic ‘SideBar Title’ is closed to new replies.