Results 1 to 8 of 8

Thread: Carousel text editing

  1. #1
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default Carousel text editing

    I guess I am being a pain at the moment, but developing the mobile version website I need to make the carousel text size bigger.
    Etienne C posted a response to the same queston back in 2015 as follows:

    "If you want the CSS for the carousel text to impact all carousels in your site, you can add the CSS above to the end of style.css which can be accessed from the CSS Code tab of Style View."

    .jcarousel-skin-nof .jcarousel-caption {
    font-size: 1.25em;
    font-family: 'Comic Sans MS', cursive;
    padding: 14px;
    }


    However, looking in CSS Styles I cannot see this parameter and cannot insert it.

  2. #2
    Junior Member
    Join Date
    Jan 2015
    Posts
    17

    Default

    Hi!

    Click image for larger version. 

Name:	Aufnahme3.jpg 
Views:	211 
Size:	110.9 KB 
ID:	2699

    Raven
    ________________________________
    Greetings from the Tyrolean mountains
    Raven

  3. #3
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    Ah thanks - that's where I would expect it to be...my eye must just have misssed it...well it was a long day in front of the screen....
    Will complete the rest of the website and get back to this.

    You know, comparing with other similar website in the area, I ahve to say that the 'one size fits all' that has been used in other sites is not nearly as good as the custom smarthphone version I am building (although I probably would say that wouldn't I)???

  4. #4
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    ok...trying to amend this carousel.caption style entry to:
    position : absolute;
    bottom : 0;
    background : #000;
    background : rgba(0,0,0,0.5);
    left : 0;
    right : 0;
    color : #fff;
    padding : 1.25em;
    font-family: 'Tahoma', cursive;
    padding: 14px
    transition : opacity 0.1s;
    -moz-transition : opacity 0.1s;
    -webkit-transition : opacity 0.1s;
    -o-transition : opacity 0.1s

    ...but it would not save due to errors. I ran the above code through an online validator and got loads of errors...but I also did when I ran the ORIGINAL style code through it.
    As I don't know too much about CSS coding any thoughts?
    These are the first few errors...the rest are similar.

    1 error 1 20 Parsing Errors position : absolute;
    Expected LBRACE at line 1, col 20. This rule looks for recoverable syntax errors. All
    2 error 1 20 Parsing Errors position : absolute;
    Unexpected token ';' at line 1, col 20. This rule looks for recoverable syntax errors. All
    3 error 2 11 Parsing Errors bottom : 0;
    Unexpected token '0' at line 2, col 11. This rule looks for recoverable syntax errors. All
    4 error 2 11 Parsing Errors bottom : 0;
    Expected LBRACE at line 2, col 11. This rule looks for recoverable syntax errors. All
    5 error 2 12 Parsing Errors bottom : 0;
    Unexpected token ';' at line 2, col 12. This rule looks for recoverable syntax errors. All
    6 warning 3 2 Disallow IDs in selectors background : #000;
    Don't use IDs in selectors. Selectors should not contain IDs.

    ---------------------------------
    I tried a few times inserting the relevent lines......it said the CSS code had been changed and did I want to save.
    Clicked Yes.....but went back in and nothing had changed??
    Last edited by gprit; 10-08-2017 at 06:11 AM. Reason: More information

  5. #5
    Junior Member
    Join Date
    Jan 2015
    Posts
    17

    Default

    Try this in your CSS class and save it:


    position : absolute;
    bottom : 0;
    left : 0;
    right : 0;
    color : #fff;
    padding : 1.25em;
    transition : opacity 0.1s;
    -moz-transition : opacity 0.1s;
    -webkit-transition : opacity 0.1s;
    -o-transition : opacity 0.1s;
    font-family : "Comic Sans MS";
    font-size : 1.25em;
    background : rgba(0,0,0,0.5);
    font-style : italic

    Click image for larger version. 

Name:	Aufnahme1.jpg 
Views:	206 
Size:	334.3 KB 
ID:	2700
    ________________________________
    Greetings from the Tyrolean mountains
    Raven

  6. #6
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    Odd.....I change teh code.....save it when asked...BUT when I go back in nothing has changed.....

  7. #7
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    Have continued to try and update this code....double checked that read only is unticked.......tried replacing all...tried just inserting font family.
    NOF asks whetehr to save.......sometimes it appears to do so (but doesn't)...sometimes just closes with no error mesage or 'stopped working' message.

    Any thoughts?

  8. #8
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    no idea why...but the changed code now seems to be getting saved....thanks for the guidance.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •