Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 16, 2014 at 4:03 pm #224539
    dick1980

    Hi,

    I would like to display an entypo icon (always the same) right before every page’s main title (like here: http://www.vla.nu/contact). This means I have to have it set right before the h1.main-title.
    <h1 class="main-title entry-title"></h1>

    I want to use the list icon: &# 9776;

    Moreover, I want the breadcrumbs and main title to be displayed on top of each other block-wise in responsive view (also like http://www.vla.nu/contact) – I just want the title bar to look just the same. Can you give me a hint on how to edit the css on this one? Help would be very much appreciated!!

    Kind regards,
    Dick

    February 17, 2014 at 6:01 am #224772
    Ismael

    Hi dick1980!

    Add this on Quick CSS or custom.css:

    .title_container .main-title:before {
	content: '\e86d';
	font-family: 'entypo-fontello';
	padding-right: 10px;
}

    Best regards,
    Ismael

    February 17, 2014 at 9:52 am #224841
    dick1980
    This reply has been marked as private.
    February 17, 2014 at 12:20 pm #224924
    Yigit

    Hey!

    It seems like backslash was removed from following line
    content: '\e86d';
    Please check that \ is there

    Cheers!
    Yigit

    February 17, 2014 at 12:44 pm #224931
    dick1980

    It’s in the code, but no effect. It seems to get stripped from the Quick CSS…

    Regards,
    Dick

    • This reply was modified 10 years, 9 months ago by dick1980.
    February 17, 2014 at 12:50 pm #224933
    Yigit

    Hey!

    Can you try following 

    .title_container .main-title:before {
	content: '\\e86d';
	font-family: 'entypo-fontello';
	padding-right: 10px;
}

    Regards,
    Yigit

    February 18, 2014 at 12:59 am #225244
    dick1980

    Just wanted to let you know: there’s some buggy behavior about this. Everytime I enter the double backslash, save it, then navigate away from the settings page and come back, it is replaced with one slash. Then after saving again, it is displayed wrong again (with only one backslash, thus showing the number instead of the icon).

    Kind regards,
    Dick

    February 18, 2014 at 1:11 am #225250
    Yigit

    Hi!

    You can try adding the code to Custom.css file inside Enfold/Css folder. I think that would be better

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.