StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Custom CSS in single text widget

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Custom CSS in single text widget

This topic is: not resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 23, 2015 at 1:12 pm #141900
    propaganda
    Member

    Hi all using Magazine pro, trying to do some custom css in a text widget, the widget is text-5 so tried defining it under .sidebar .widget like so

    .sidebar .widget {
	margin-bottom: 10px;
}

.sidebar .widget .textwidget .text-5 {
	margin-bottom: 200px;
}

    This seems to work until I add another text widget to the sidebar, then it stops working, anyone have an idea on a better way to accomplish this please? Thanks.

    February 23, 2015 at 1:26 pm #141903
    Victor Font
    Moderator

    Place a div wrapper around your text and assign a custom class to it. Associate the CSS to the custom class.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 23, 2015 at 3:21 pm #141919
    propaganda
    Member

    Thanks Victor, I noticed the text-5 is an id, this also worked

    #text-5 {
}
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.