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

Viewing 5 replies - 1 through 5 (of 5 total)

  • generally, widget parameters such as the html are set in functions.php of the theme, in the register_sidebar() code; https://codex.www.ads-software.com/Function_Reference/register_sidebar

    Thread Starter skystar1111

    (@skystar1111)

    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!

    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?

    Thread Starter skystar1111

    (@skystar1111)

    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!

    Thread Starter skystar1111

    (@skystar1111)

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘SideBar Title’ is closed to new replies.

Tags