Readable style.css?

This topic contains 6 replies, has 3 voices, and was last updated by  Paolo 7 years, 12 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #196135

    nycinsider
    Expired Member
    Post count: 114

    The style.css downloaded with the plug in is optimized and I can’t read a bit of it.

    How do we get a readable version of the GD main stylesheet?

    For example, the calendar is ugly on my site and I’d like to change the colors. How do I find all the elements necessary to change it?

    #196136

    nycinsider
    Expired Member
    Post count: 114

    Subscribing…

    #196255

    Guust
    Moderator
    Post count: 29970

    Have a look at this article: https://wpgeodirectory.com/docs/customizing-your-style/

    The calendar is styled in the Events plugin, not the GD main stylesheet.

    #196260

    nycinsider
    Expired Member
    Post count: 114

    This doesn’t answer my question:
    https://wpgeodirectory.com/docs/customizing-your-style/

    Where is the CSS that is READABLE? I want to look at it offline and I assume you’ve organized it into a readable fashion? And not one long line of code…

    here’s your CSS – who on earth could read this? You don’t optimize a stylesheet in the PLUGIN download- you do it at the site level.
    .day_of_month{width:70%;display:inline-block}.geodir_event_search_fields{background:none repeat scroll 0 0 #EEEEEE;width:200px;float:left;margin:5px;height:150px;overflow-x:hidden;overflow-y:auto;padding:5px;border:1px solid #CCCCCC}#event_month_chosen,#event_year_chosen,#event_day_chosen{margin-top:7px}.eventdateto{width:auto !important;margin:1px 5px}.geodirevent_days{padding-left:15px}.geodirevent_days span{display:inline-block;width:50%;padding-top:8px}.geodirevent_days span.heading{width:25%}#geodir_wrapper .geodir-company_info .geodir-event-day{border-bottom:1px solid #EEEEEE;margin:5px 0 10px;padding:5px 0 15px}.geodir_form_row .event-single-dateto-inner{float:left;width:100px}.show_different_times_div{margin-left:30%}.event-multiple-times{padding-bottom:5px}.event-multiple-times .event-multiple-dateto-inner{float:left;width:100px}.event-multiple-times .event-multiple-dateto{width:20% !important;margin:1px 5px}.event-multiple-times .event-multiple-start{width:auto !important;margin:1px 5px}.event-multiple-times .event-multiple-end{width:auto !important;margin:1px 5px}#geodir_wrapper .geodir-event-filter{float:left}#geodir_wrapper .geodir-event-filter select{padding:4px 10px 5px 10px;font-size:13px;line-height:1.428571429;font-weight:normal;color:#7c7c7c;background-color:#e6e6e6;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #f4f4f4, #e6e6e6);background-image:-ms-linear-gradient(top, #f4f4f4, #e6e6e6);background-image:-webkit-linear-gradient(top, #f4f4f4, #e6e6e6);background-image:-o-linear-gradient(top, #f4f4f4, #e6e6e6);background-image:linear-gradient(top, #f4f4f4, #e6e6e6);border:1px solid #d2d2d2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 2px rgba(64,64,64,0.1);display:block;width:150px;font-family:’Open Sans’,sans-serif}.geodir-company_info.geodir_event_dates_display .geodir_event_schedule{height:180px;overflow:auto}#geodir_wrapper .geodir-company_info.geodir_event_dates_display p{margin:0px}.geodir-company_info.geodir_event_dates_display .geodir_event_schedule p{padding:0px}#geodir_content .geodir_event_listing{padding:0px}.geodir_cal_prev,.geodir_cal_next{min-height:20px;min-width:15px}.geodir_event_calendar{line-height:12px}.geodir_event_cal_widget table.gd_cal_nav{background:#D0D0D0;border:1px #bbb solid;cursor:pointer}.geodir_event_cal_widget table.gd_cal_nav tr td{padding:10px}.geodir_event_cal_widget table.gd_cal_nav tr td .geodir_event_loading{margin-top:-10px}.geodir_event_cal_widget table.gd_cal_nav{margin-bottom:0px}.geodir_event_calendar #cal_title{margin-top:-28px;display:block;text-align:center;padding-bottom:11px}.geodir_event_calendar .calendar_widget{background:#e6e6e6;border:1px #bbb solid}.geodir_event_calendar .calendar_widget tr td.days{text-align:center;background:#ccc;border-top:1px #fff solid;border-right:1px #bbb solid}.geodir_event_calendar .calendar_widget tr.cal_day_nums{border:1px #bbb solid}.geodir_event_calendar .calendar_widget tr.cal_day_nums td.gd_cal_sat{text-align:center;border-right:1px #bbb solid}.geodir_event_calendar .calendar_widget tr.cal_day_nums td.gd_cal_nsat{text-align:center;border-right:1px #bbb solid}.geodir_event_calendar .calendar_widget tr.cal_day_nums td.gd_cal_nsat a{color:#000;background:#cfcfcf;display:block}.geodir_event_calendar .calendar_widget tr.cal_day_nums td.gd_cal_nsat span{display:block}.geodir_event_calendar .calendar_widget tr td a,.geodir_event_calendar .calendar_widget tr td span,.geodir_event_calendar .calendar_widget tr td strong{padding-bottom:10px;padding-top:10px;display:block}#link_businessTab .geodir_location_listing{clear:both}#link_businessTab .geodir_category_list_view li{margin-left:0}#link_businessTab .geodir-entry-header{border-bottom:none}#link_businessTab .geodir_category_list_view li .geodir-content p.geodir-event-meta{margin-bottom:0}#link_businessTab .geodir_category_list_view header.geodir-entry-header{padding-bottom:.5em}#link_businessTab a.geodir-viewall-linked{text-align:right;display:block;margin-top:5px;margin-right:5px}#propertyform .gd-recurring .geodir-text-small{width:55px}#propertyform .gd-recurring-for .geodir-form_cat label{width:auto;float:none;display:inline-block;margin:auto 3px}#propertyform .gd-recurring-for input[type=”text”],#propertyform .gd-repeat-type input[type=”text”],#propertyform .gd-event-duration input[type=”text”]{float:none;margin-right:5px;display:inline-block}#propertyform .gd-repeat-type .gd-chosen-outer{width:auto;display:inline-block;min-width:170px}#propertyform .gd-repeat-x .gd-chosen-outer{width:auto;display:inline-block;min-width:60px}#propertyform .gd-repeat-days .gd-chosen-outer,#propertyform .gd-repeat-weeks .gd-chosen-outer{width:auto;display:inline-block;min-width:160px;max-width:300px}#propertyform .gd-repeat-days .gd-chosen-outer input[type=”text”],#propertyform .gd-repeat-weeks .gd-chosen-outer input[type=”text”]{line-height:normal;height:auto;margin:1px;padding:5px;box-shadow:none}#propertyform .gd-repeat-type .gd-chosen-outer input[type=”text”],#propertyform .gd-repeat-x .gd-chosen-outer input[type=”text”]{margin:auto;padding:4px 20px 4px 5px}#propertyform .gd-repeat-type .geodir-chosen-container-single a.chosen-single,#propertyform .gd-repeat-x .geodir-chosen-container-single a.chosen-single{height:auto}#propertyform .gd-recurring #event_start{width:200px}#propertyform input.gd-date-field,#propertyform .gd-event-duration input[type=”text”],#propertyform .geodir_form_row input.geodir-text-med{width:160px}#propertyform .gd-event-duration input[type=”text”]{float:none;margin-right:5px}#propertyform .gd-event-duration input[name=”duration_x”]{width:60px}#propertyform .gd-event-duration label.gd-lbl-none{width:auto;float:none;margin-right:3px;display:inline-block}.geodir_event_schedule .gde-recurr-link{display:block}.geodir_event_schedule a.gde-recurr-act{cursor:default}#link_businessTab .geodir_category_list_view li.geodir-listview{margin-bottom:10px}#link_businessTab .geodir_category_list_view li.geodir-listview header.geodir-entry-header,#link_businessTab .geodir_category_list_view li.geodir-listview footer.geodir-entry-meta{padding:0;margin:0;border:none}#link_businessTab .geodir_category_list_view li.geodir-listview .geodir-entry-content p{margin:0}.yui-calcontainer{position:relative;float:right;_overflow:hidden}.yui-calcontainer iframe{position:absolute;border:0;margin:0;padding:0;z-index:0;width:100%;height:100%;left:0;top:0}.yui-calcontainer iframe.fixedsize{width:50em;height:50em;top:-1px;left:-1px}.yui-calcontainer.multi .groupcal{z-index:1;float:left;position:relative}.yui-calcontainer .title{position:relative;z-index:1}.yui-calcontainer .close-icon{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden}.yui-calendar{position:relative}.yui-calendar .calnavleft{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden}.yui-calendar .calnavright{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden}.yui-calendar .calheader{position:relative;width:100%;text-align:center}.yui-calcontainer .yui-cal-nav-mask{position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;_width:0;_height:0;left:0;top:0;display:none}.yui-calcontainer .yui-cal-nav{position:absolute;z-index:3;top:0;display:none}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{display:-moz-inline-box;display:inline-block}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{display:block;*display:inline-block;*overflow:visible;border:0;background-color:transparent;cursor:pointer}.yui-calendar .calbody a:hover{background:inherit}p#clear{clear:left;padding-top:10px}.yui-skin-sam .yui-calcontainer{background-color:#f2f2f2;border:1px solid #808080;padding:10px}.yui-skin-sam .yui-calcontainer.multi{padding:0 5px 0 5px}.yui-skin-sam .yui-calcontainer.multi .groupcal{background-color:transparent;border:0;padding:10px 5px 10px 5px;margin:0}.yui-skin-sam .yui-calcontainer .title{background:url(../images/sprite.png) repeat-x 0 0;border-bottom:1px solid #ccc;font:100% sans-serif;color:#000;font-weight:bold;height:auto;padding:.4em;margin:0 -10px 10px -10px;top:0;left:0;text-align:left}.yui-skin-sam .yui-calcontainer.multi .title{margin:0 -5px 0 -5px}.yui-skin-sam .yui-calcontainer.withtitle{padding-top:0}.yui-skin-sam .yui-calcontainer .calclose{background:url(../images/sprite.png) no-repeat 0 -300px;width:25px;height:15px;top:.4em;right:.4em;cursor:pointer}.yui-skin-sam .yui-calendar{border-spacing:0;border-collapse:collapse;font:100% sans-serif;text-align:center;margin:0}.yui-skin-sam .yui-calendar .calhead{background:transparent;border:0;vertical-align:middle;padding:0}.yui-skin-sam .yui-calendar .calheader{background:transparent;font-weight:bold;padding:0 0 .6em 0;text-align:center}.yui-skin-sam .yui-calendar .calheader img{border:0}.yui-skin-sam .yui-calendar .calnavleft{background:url(../images/sprite.png) no-repeat 0 -450px;width:25px;height:15px;top:0;bottom:0;left:-10px;margin-left:.4em;cursor:pointer}.yui-skin-sam .yui-calendar .calnavright{background:url(../images/sprite.png) no-repeat 0 -500px;width:25px;height:15px;top:0;bottom:0;right:-10px;margin-right:.4em;cursor:pointer}.yui-skin-sam .yui-calendar .calweekdayrow{height:2em}.yui-skin-sam .yui-calendar .calweekdayrow th{padding:0;border:0}.yui-skin-sam .yui-calendar .calweekdaycell{color:#000;font-weight:bold;text-align:center;width:2em}.yui-skin-sam .yui-calendar .calfoot{background-color:#f2f2f2}.yui-skin-sam .yui-calendar .calrowhead,.yui-skin-sam .yui-calendar .calrowfoot{color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;border:0}.yui-skin-sam .yui-calendar .calrowhead{text-align:right;padding:0 2px 0 0}.yui-skin-sam .yui-calendar .calrowfoot{text-align:left;padding:0 0 0 2px}.yui-skin-sam .yui-calendar td.calcell{border:1px solid #ccc;background:#fff;padding:1px;height:1.6em;line-height:1.6em;text-align:center;white-space:nowrap}.yui-skin-sam .yui-calendar td.calcell a{color:#06c;display:block;height:100%;text-decoration:none}.yui-skin-sam .yui-calendar td.calcell.today{background-color:#000}.yui-skin-sam .yui-calendar td.calcell.today a{background-color:#fff}.yui-skin-sam .yui-calendar td.calcell.oom{background-color:#ccc;color:#a6a6a6;cursor:default}.yui-skin-sam .yui-calendar td.calcell.oom a{color:#a6a6a6}.yui-skin-sam .yui-calendar td.calcell.selected{background-color:#fff;color:#000}.yui-skin-sam .yui-calendar td.calcell.selected a{background-color:#b3d4ff;color:#000}.yui-skin-sam .yui-calendar td.calcell.calcellhover{background-color:#426fd9;color:#fff;cursor:pointer}.yui-skin-sam .yui-calendar td.calcell.calcellhover a{background-color:#426fd9;color:#fff}.yui-skin-sam .yui-calendar td.calcell.previous{color:#e0e0e0}.yui-skin-sam .yui-calendar td.calcell.restricted{text-decoration:line-through}.yui-skin-sam .yui-calendar td.calcell.highlight1{background-color:#cf9}.yui-skin-sam .yui-calendar td.calcell.highlight2{background-color:#9cf}.yui-skin-sam .yui-calendar td.calcell.highlight3{background-color:#fcc}.yui-skin-sam .yui-calendar td.calcell.highlight4{background-color:#cf9}.yui-skin-sam .yui-calendar a.calnav{border:1px solid #f2f2f2;padding:0 4px;text-decoration:none;color:#000;zoom:1}.yui-skin-sam .yui-calendar a.calnav:hover{background:url(../images/sprite.png) repeat-x 0 0;border-color:#a0a0a0;cursor:pointer}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask{background-color:#000;opacity:.25;filter:alpha(opacity=25)}.yui-skin-sam .yui-calcontainer .yui-cal-nav{font-family:arial,helvetica,clean,sans-serif;font-size:93%;border:1px solid #808080;left:50%;margin-left:-7em;width:14em;padding:0;top:2.5em;background-color:#f2f2f2}.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav{top:4.5em}.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav{width:16em;margin-left:-8em}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{padding:5px 10px 5px 10px}.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{text-align:center}.yui-skin-sam .yui-calcontainer .yui-cal-nav-e{margin-top:5px;padding:5px;background-color:#edf5ff;border-top:1px solid black;display:none}.yui-skin-sam .yui-calcontainer .yui-cal-nav label{display:block;font-weight:bold}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc{width:100%;_width:auto}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{background-color:#ffee69;border:1px solid #000}.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc{width:4em}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{border:1px solid #808080;background:url(../images/sprite.png) repeat-x 0 0;background-color:#ccc;margin:auto .15em}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{padding:0 8px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default{border:1px solid #304369;background-color:#426fd9;background:url(../images/sprite.png) repeat-x 0 -1400px}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button{color:#fff}.yui-panel-container.shadow #help1{background-color:#FFFFFF;border:1px solid #808080;float:right;margin-right:10px;visibility:inherit;width:125px;margin-top:10px}.yui-skin-sam .yui-calcontainer{margin-top:10px}.yui-panel-container.shadow .hd{background:url(../images/sprite.png) repeat-x scroll 0 -200px transparent;color:#000000;line-height:2;padding:0 10px}.yui-panel-container .bd #multiDisplay1 span{display:block;font-size:13px;padding:4px 10px;border-bottom:1px #E5E5E5 solid}.geodir-tabs-content.entry-content #link_businessTab li{margin:auto;margin-bottom:15px}
    /*# sourceMappingURL=style.css.map */

    #196272

    Guust
    Moderator
    Post count: 29970

    If you want to look at it offline, download the files to your computer.
    Disabling Core SCSS at GD > design > scripts might assist too.

    #196275

    nycinsider
    Expired Member
    Post count: 114

    the file is on my computer. I just showed you what you it looked like straight from the plug zip file. Never downloaded/uploaded at all. That’s how you give it out.

    #196594

    Paolo
    Site Admin
    Post count: 31206

    All css are minified, there are tools to unminify files: http://unminify.com/

    Thank you

Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket