[Theme: Twenty Fifteen] Widget Style

  • Resolved hoomn

    (@hoomn)


    11 years, 1 month ago

    I want to use a widget from a plugin, but its list style looks much different from my default WordPress widgets: http://test.iums881.ir/ (The upper sidebar widget is a HTML list [ul & li] made by an default WordPress widget, and the lower one is the HTML list [again ul & li] made by wp-jalali plugin.)

    How can I force that widget to obey the default style? (I tried some changes in some CSS files, but they were not successful.)

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    Do you want the lines in between them too?

    Thread Starter hoomn

    (@hoomn)

    11 years, 1 month ago

    Yes, I want it to look exactly like the default WordPress archive widget. (i.e. I don’t want the bullets, and I want the lines.) (BTW, as you see, the first list doesn’t use hr for the lines and just uses HTML ul & li tags.)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    .widget ul {
    list-style: none;
}

.widget li {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 0.7667em 0;
}

.widget li:first-child {
    border: 0;
}

@media screen and (min-width: 77.5em) {
    .widget li {
        padding: 0.4688em 0;
    }
}
    Thread Starter hoomn

    (@hoomn)

    11 years, 1 month ago

    Thank you very much for your quick response.

    I’m using a child theme on the main website, and I have a style.css and a rtl.css, and I add every extra CSS code at the end of my rtl.css.

    I made a child theme with a rtl.css file on the test website (http://test.iums881.ir/) and then added your code to it, and it’s working fine.

    But, when I added your code to the rtl.css file on the main site (http://iums881.ir/), it’s not working!

    Could you please check it to see what’s wrong? (The latest widget on the main website is the one with the bullet list which I want to change it.)

    P.S. Your quick response would be highly appreciated since I have to revert the changes on the main website.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    There is no Child Theme active on your main site

    Thread Starter hoomn

    (@hoomn)

    11 years, 1 month ago

    Could you please check iums881.ir again?

    If there is no active child theme on my main website, then what is the following code in the site source?

    <link rel='stylesheet' id='parent-style-css'  href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen/style.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css'  href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen-child/style.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='parent-style-rtl-css'  href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen/rtl.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-rtl-css'  href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen-child/style.css?ver=4.1.1' type='text/css' media='all' />

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    Okay I was wrong about that, but where did you put the CSS fix in your Child Theme rtl.css file? http://iums881.ir/wordpress/wp-content/themes/twentyfifteen-child/rtl.css

    Thread Starter hoomn

    (@hoomn)

    11 years, 1 month ago

    Yeah, it’s at the end of rtl.css. And, thank you very much, it’s working now! (I think the old CSS file was cached by Chrome…)

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

The topic ‘[Theme: Twenty Fifteen] Widget Style’ is closed to new replies.