![]() ![]() * This is the styling for an "active" Feed Title link in the header container*/ * This is the styling for a Feed Title link on "mouseover" (also known as "hover") in the header container*/ * This is the styling for a "visited" Feed Title link in the header container*/ * This is the styling for the Feed Title link in the header container*/ * This is the styling for the main Feed Title in the header container*/ * This is the styling for the header container*/ * This is the styling for main feed container Corner Radius can be set here- NOTE: the background-color affects the footer background.*/įont-family: 'Noto Sans', Helvetica, sans-serif ![]() * This adds the ability to utilize Google WebFonts in your FeedWind widget url() Your custom CSS code should look something like this: We have added a basic border command which sets a radius of 10 pixels on all borders. Create a custom CSSįirst you need to create a custom CSS file ( see our custom CSS tutorial here) using your favorite editor. Once you are familiar with the settings you can apply them to the custom CSS that will allow you to integrate FeedWind to make it fit seamlessly into your site. If this is not a design aim, then just experimenting with different radius values is a good way to go. Firstly it is helpful to know some information about the elements you are trying to match. Making a rounded corner in CSS is an elegant way to improve the looks of a site by matching the design principles of the elements, such as the FeedWind widget, to theme elements or the template in use. This is useful for a quick corner radius setting but for those who need radius settings to match design etc., a custom CSS is required. Advanced corner radius styling Corner radius with custom CSSįeedWind allows for a standard corner radius of 4px (applied to all corners) in the General >Advanced Settings section of the setup screen. ![]()
0 Comments
Leave a Reply. |