Li bullets change

Posted in: Newsmag
Post count: 52

Hello,
First of all I would like your team for amazing work you perform with every new theme. You inspire to create and make really nice and comfortable pages. Thank you, thank you, thank you! I wish I had a chance to shake your hands!

My question is bout bullets used in listings. If you I would like to have a specific little picture that is relevant to the topic of my site, is there any chance to do it? And the the same thing I would like to apply with quotes. I attach examples. http://pix.my/t760TwMj (listing) and http://pix.my/hKkpbmpK (quote block)

Looking forward to your reply.
Sincerely,
Vladimir

Post count: 6600

Hi,

Thanks! Please use this custom css to change the list images: http://screencast.com/t/X1jCQBdL

.td-post-content ul {
list-style: url(https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851584_550213765042223_593501542_n.png);
}

.td-post-content ul > li:before {
display: none;
}

Replace the list style url path with your own and add the other lists that you want to style like this to the css as this is just for posts lists.

For quotes it’s not that easy. You can chose pull quotes center style for example then replace the content the “before” element which contains the right quotes image with your own then style the quotes to look and fit well with your image.
Ex:

1. set pull quotes center: http://screencast.com/t/v1QPOfu1Asb
2. replace the background image of the first quotes with your own and hide the other from the right. You also need to change the height and width values.
Here is an example of how it could look: http://screencast.com/t/m5JuU7Ef

.post .td_pull_quote p:before, .page .td_pull_quote p:before {
background:url('http://islamicartdb.com/wp-content/uploads/cache/2014/12/quote-icon-def/780757907.png') no-repeat;
width: 50px;
height: 50px;
top: 10px;
}

.post .td_pull_quote p:after, .page .td_pull_quote p:after {
display: none;
}

You need some css/html knowledge to get this done so if you don’t know how to customize this we suggest you to get a freelancer from sites like: http://studio.envato.com/ as you need custom work for this and at the moment we cannot provide custom work as we work hard on the development, updates, fixes and support.

Hope this helps!
Thanks

Post count: 52

Lucian,
thank you, I will try to apply this.
Could you please tell me if there is any option to do the following:
when the user clicks on a link in the text is there any way to change the colour of the link so that it is visible that he clicked the link.
Hope I managed to put the question in a clear way, if not, please let me know.
Sincerely,
Vladimir

Post count: 6600

Hi,

Please use this css: http://screencast.com/t/JDOQltiik

.td-post-content a:visited {
color: red;
}

Thanks

Post count: 52

Lucian,
many thanks! Everything works perfect.
Vladimir

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newsmag’ is closed to new topics and replies.