How to adjust list element dimensions ?

1.
I need to use a custom bullet point image.
The height and width of the custom icon area MUST be the same as the custom icon: 32 x 32 pixel
(similar to standard "list-style-image: url();" behaviour)
How to adjust this ?

2.
I need a list in full 1/1with. The Be list element only allows 1/2 max. 
How to adjust this ?


Comments

  • Hi,

    1) Please send us url to page where you want to use own list style and also please provide the link to image that you want to use and we'll see how this can be done.

    2) This one is unfortunately impossible. Some items just does not exist in full width sizes.
  • i just want to make this:

    <ul>
    <li>text 1</li>
    <li>text 2</li>
    <li>text3</li>
    </ul>

    with custom bullet point image as with css "list-style-image: url();"

    where/how can i do this a) successfully and b) in full with ?


  • Like we wrote above, we need url to page where you got this list and image that you want to use an only then we'll be able to have a look on it. Each case may be different and without url we have no idea what may work in your case.
  • already sent the URL as private msg.
  • edited October 2015
    not sure if my previous post was displayed correctly: here again:

    i just want to make a plain simple bulleted list such as this:
    (capital letters are meant to indicate basic html code for a list)

    UL
    LI text1 /LI
    LI text2 /LI
    LI text3 /LI
    /UL

    with custom bullet points in full width. this is a basic html/css feature.
    i wonder where/how it can be used inside Be !?


  • altered question:
    what is the correct, working link in order to embed a custom bulletpoint ?

    This does not work:
    <ul style="list-style-image: url([Links visible only for registered users]);"">
    <li>text 1</li>
    <li>text 2</li>
    <li>text 3</li>
    </ul>

    How must the (relative) link look like ?
  • Your css is wrong. Also we did not get any private message with link to page where lists are. If you don't want to show your link public, then please move all your questions on private way. Otherwise, without necessary links, we won't be able to help. We need full details like: URL to PAGE where list is and path to image that you mentioned above. Please send us all those details privately.

    Thanks for understanding!
  • Sent again using the "Email muffingroup" form @&nbsp;[Links visible only for registered users]
  • edited October 2015
    how does the correct css look like ?

    i use this inside a Be column element:

    <ul style="list-style-image: url('[Links visible only for registered users]);">
  • Yesterday we replied on your private message where we showed you how should look css for list item created with VC plugin.
    .column_column ul li, .column_visual ul li, .mfn-acc ul li, .ui-tabs-panel ul li, .the_content_wrapper ul li {
        background: rgba(0, 0, 0, 0) url("[Links visible only for registered users]") no-repeat scroll left top !important;
        list-style-type: none;
        padding: 0 0 0 40px;
    }
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.