Is it possible to change sidebar text settings for Links widget only

  • esiebert7625

    #9412

    Basically just want to change the font size and add bold for only the Links widget and not impact the other sidebar widget text such as archives, text and tags.

    Also any way to bullet the links, I love the blue bullets that are in Graphene.

    Thanks!

    Eric

    http://vsphere-land.com/

    Anonymous

    #43570

    Try to add this to your child-theme’s style.css file:

    #linkcat-220 h3 {
    font-weight: bold;
    }

    It should work.

    For the bulletin thing I don’t really know.

    Maybe this helps: http://www.w3schools.com/css/css_list.asp

    And the Graphene bulletin image is called via “list-style-image: url(‘images/list-style-image.png’)” <- You gotta check where your graphene bulletin image is stored and change the link if needed. I don’t know for which <div> or class you need to add this CSS value. You gotta use Firefox and inspect the element and try for yourself. It only lets me check already existing <div> and classes otherwise I could have given you a better answer. So therefor you got to add a new one for that specific change (= using your CSS file and testing it).

    esiebert7625

    #43571

    Thanks, I used Firebug and confirmed the div id is linkcat-220, not sure where the child theme is to edit it. Is this something I can add to the custom CSS section of Graphene? This is the code from Firebug:

    <div id="linkcat-220" class="sidebar-wrap clearfix widget_links">
    <h3>Featured Link Collections</h3>
    <ul class="xoxo blogroll">
    <li>
    <a href="http://vsphere-land.com/vsphere-links/virtual-volumes-links.html">Virtual Volumes (VVols) Links</a>
    </li>
    <li>
    <li>
    </ul>
    </div>

    Anonymous

    #43572

    A child theme is a copy the original theme where you can add all your custom codes without the risk of messing up the original theme. It’s also good in case there is an update for Graphene. You never know if something you edited in the original files gets removed. That’s why it’s recommend to use a child-theme.

    More detailed explanation:

    http://codex.wordpress.org/Child_Themes

    You can of course edit the original style.css file but this is not recommend.

    esiebert7625

    #43573

    Thanks, I added it to the main theme style.css first to test it and it didn’t seem to work. I also tried adding an !important, am I missing anything else?

    #linkcat-220 h3 {
    font-weight: bold;
    }

    #linkcat-220 h3 {
    font-weight: bold !important;
    }

    Anonymous

    #43574

    You’ve got it to work as I can see on your site. At least the issue with the bold text. How did you fix it?

    #linkcat-220 .h3?

    For the bulletin thing you need to try testing around with that

      class “xoxo blogroll” because I believe that is what is responsible for the links within that widget.

      .xoxo .blogroll ul or .xoxo .blogroll

    esiebert7625

    #43575

    Sorry just noticed that the link widget text header was what was bolded, I was actually trying to bold the text links under the heading instead. Haven’t decided if I want to do the bullets yet but I may play around with it.

    esiebert7625

    #43576

    ok, got it to work like this, thanks for your help!

    #linkcat-220 li {
    font-weight: bold;
    font-size: 16px;
    font-family: "Nunito";
    }
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!