Editing Text in the sidebar text widget - Indent & fonts...

Discussion in 'Infoway WordPress Theme' started by jahniah, Apr 29, 2014.

Thread Status:
Not open for further replies.
  1. jahniah

    jahniah New Member

    Joined:
    Apr 6, 2013
    Messages:
    26
    Likes Received:
    0
    Location:
    Lawrenceville, GA, US
    On my blog pages on the sidebar, I have a widget that displays my recent blogs with thumbnails. I've tried a few different plugins but because of how the template is designed the text are being indented and I would like to prevent that. I'm assuming that it may have something to do with the arrow image that appears when you hover over a link in the sidebar area but I'm not sure. I like the arrow image but if it has to be removed to accomplish what I want I'm okay with it but (I'm assuming again) I think that the indent is because of a blank image (in the space of the arrow) for when you're not hovering over the image and I think all that is needed is to remove the blank image. Bottom line is that I don't want the text to have an indent.

    Also I would like to be able to change the font and color of the text. I searched this forum but all I could find was how to change text in the footer widget. This is for the sidebar text widget. See image below:




    [​IMG]




     
  2. jahniah

    jahniah New Member

    Joined:
    Apr 6, 2013
    Messages:
    26
    Likes Received:
    0
    Location:
    Lawrenceville, GA, US
  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sidebar ul li a {
    padding-left: 0px;
    }
    .sidebar ul li:hover {
    background: none;
    }
    .sidebar a, .sidebar p, .sidebar li, .sidebar ul {
    font-family: symbol ! important;
    font-size: 12px ! important;
    text-align: justify;
    color: red ! important;
    }
     
    In place of "red" you can put your color or color code and
    in place of "symbol" you can put your font.
    You can adjust the value of "font-size" as per your requirement.
    This will solve your issue.
     
  4. jahniah

    jahniah New Member

    Joined:
    Apr 6, 2013
    Messages:
    26
    Likes Received:
    0
    Location:
    Lawrenceville, GA, US
    How do I prevent the H tags or headings from being affected or how do I change them?
     
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sidebar h3 font {
    color: red;
    font-family: symbol;
    }
    .sidebar h3 a {
    color: red ! important;
    font-family: symbol ! important;
    }
    
    In place of "red" you can put your color or color code and
    in place of "symbol" you can put your font.
    This will solve your issue.
     
  6. jahniah

    jahniah New Member

    Joined:
    Apr 6, 2013
    Messages:
    26
    Likes Received:
    0
    Location:
    Lawrenceville, GA, US
    Thanks.
     
Thread Status:
Not open for further replies.

Share This Page