WordPress.org

Forums

[resolved] Pickimng apart the "links a.k.a.Bookmarks" (5 posts)

  1. jamesg40
    Member
    Posted 2 years ago #

    I building a theme and having an issue with styling my bookmarks. WordPress wraps the title in with the link and I want to style that text alone. I have searched high an low for a way to separate the title text but have not been able to find anything yet. I was hoping that possibly someone could point me in the right direction to writing my own query for that function that could be added into my $args array. Maybe like a before_name and after_name? lol. Any help would be greatly appreciated.

  2. bcworkz
    Member
    Posted 2 years ago #

    Confused. You want link text to not be a link? So you can style plain text? Why not style the link text the way you want. Why is it important to not be a link?

  3. jamesg40
    Member
    Posted 2 years ago #

    Hey there, thanks for the reply. Well I can style the link just fine, unfortunately, if you look at the output of that function it also includes the image inclosed in the link as well. So in effect I don't have as much control as I want to style that text the way the design demands. Basically, the way the array outputs its code is that any css i apply to the link will go to the image and vise versa. My intention is to have a border radius for the images and use the link in a title bar at the bottom and make it's background 30px height with #333 color or a moz & webkit gradient and with a #ddd or eee for the text. So I need to isolate them you see, lol.

  4. bcworkz
    Member
    Posted 2 years ago #

    You can separate image css from link css by adding the img selector to your class (or id or whatever) selector. The class-img css will override the more generic class css. No need to alter html.

  5. jamesg40
    Member
    Posted 2 years ago #

    Hmmm, well thank you again for trying to be helpful but I'm not sure that your getting the jist of my specific problem, so if you don't mind I would like to try to express this problem with a bit more detail. Its not the html I am trying to alter specifically and at the same time it is, lol. It more of a case that the specific function wont allow me to get in between the link and the image and separate them out so that I can style the bookmark similar to a portfolio page with big square block images and a nice title bar for the title. Here is an example of the specific code. Also, I have tried like 12 different css methods to isolate and style this but everyone puts the link shifting up behind the image even with absolute and relative pos. But here is what im working with.

    <div class="clear">&nbsp;</div>
    <div class="container_20">
    
    	<?php $args = array(
    	'category' => 18,
    	'order' => 'ASC',
    	'orderby' => 'name',
    	'categorize' => false,
    	'title_li' => false,
    	'before' => '<div id="bookmark-block" class="grid_5" >',
    	'after' => '</div>',
    	'show_images' => true,
    	'category_before' => '<li id="[category id]" class="linkcat">',
    	'category_after' => '</li>',
    	'show_rating' => true,
    	'show_name' => true,
    ); ?>
    <div id="bookmarks-gallery"  class="grid_20">
    	<?php wp_list_bookmarks($args); ?>
    
    </div>

    Like I say, I have used a few css methods and still no joy.

Topic Closed

This topic has been closed to new replies.

About this Topic