durocketuk

Forum Replies Created

Viewing 16 replies (of 16 total)
  • Thread Starter durocketuk

    (@durocketuk)

    Hello,

    I have made some progress. I have designed 2 custom widgets to display the text of 2 specific custom fields of my article in a custom sidebar (created with the custom sidebar plugin)
    https://www.durocketdescarottes.fr/2016/08/22/edimbourg-16-20-juillet-2016

    “Du Rock” is my first widget, “Des carottes” is my second widget

    This should allow me to control the display of each widget independently. However I am unable to control the appearance of these with CSS. I’d like to shift both of them below the title, increase separation between them (i.e., increase top margin of second widget), and have a different background color for each.

    I have inspected my page with Firebug but neither

    .widget_du_rock_widget .widget {
  background-color: rgba(51, 153, 255, 0.1) !important;
	margin-top: 110px !important;
}

    (which is supposed to affect only top widget)

    nor

    .tc-sidebar .left {
  background-color: rgba(51, 153, 255, 0.1);
	margin-top: 110px;
}

    (which is supposed to affect the whole sidebar), works.

    What am I missing ?

    Thanks in advance for your input

Viewing 16 replies (of 16 total)