Προς το περιεχόμενο

Προτεινόμενες αναρτήσεις

Δημοσ.

Καλησπέρα,
 
Έχω ξεκινήσει να φτιάχνω αυτό το site με wordpress: http://test.dominikos.com/
Στην αρχική σελίδα θέλω να σβήσω τις λέξεις "previous" και "next" από το slider.
 
Προσπαθώ με το Firebug να βρω που βρίσκεται αυτός ο κώδικας αλλά απότι κατάλαβα είναι  ένα JavaScript αρχείο, του οποίου ο κώδικας έχει γίνει compressed και δεν διαβάζεται.
Από την άλλη το wp-admin εμφανίζει μόνο τα php και css αρχεία...
 
Μπορεί κάποιος να με διαφωτίσει;prob.png

Δημοσ.

Χωρίς να έχουμε πρόσβαση στα αρχεία του θέματος που χρησιμοποιείς θα το πάμε λίγο γενικά.

 

Προφανώς χρησιμοποιεί κάποιον jQuery slider (από ότι είδα το theme μάλλον είναι της Elegant Themes, εξού και το πρόθεμα et_ στις διάφορες css κλάσεις & id) και θα μπορούσαν να είχαν συμπεριλάβει στις ρυθμίσεις του theme το αν θέλεις να κρυψεις κάποια ή όλα τα slider controls.

 

Δοκίμασε να προσθέσεις τα παρακάτω css rules στο τέλος του style.css που χρησιμοποιεί το theme σου (κανονικά για τέτοιες δουλειές χρησιμποιούμε child-theme, ελπίζω να έχεις φτιάξει ήδη τέτοιο και να μην κάνεις edit απευθείας τα αρχεία του theme σου)...

.et_shortcodes_controls_arrows .et_sc_nav_next,
.et_shortcodes_controls_arrows .et_sc_nav_prev
{
    display: none;
}

Στον firebug δουλεύει as intended. Eίναι πιο σωστό πάντως τις ρυθμίσεις του slider να τις κάνεις με javascript (είτε όταν γίνεται initialized ο slider είτε on demand).

 

EDIT:

 

Όντως, είναι το Trim theme της Elegant Themes κι από ότι είδα μόλις τώρα στο site σου χρησιμοποιεί τον FlexSlider v1.8 της WooThemes (στο site σου το σχετικό αρχείο του slider είναι το: /wp-content/themes/TrimTheme/js/jquery.flexslider.min, το οποίο είναι minified).

 

Στο παραπάνω link του slider, στο Step 4 παρουσιάζει όλες τις παραμετροποιήσεις που μπορείς να του κάνεις. Από ότι βλέπω, για να κρύψεις τα navigation controls πρέπει να αρκεί να αλλάξεις σε false το property directionNav που τώρα είναι true...

...
directionNav: true,             //Boolean: Create navigation for previous/next navigation (true/false)
...

Οπότε πρέπει να βρεις σε ποιο js αρχείο κάνει initialize τον slider, ή να φτιάξεις ένα δικό σου js script που θα πηγαίνει και θα κάνει disable τα navigation-controls (για λεπτομέρειες δες την καρτέλα Advanced στο link του slider, παραπάνω).

 

EDIT2:

 

Χμ, μόλις τώρα συνειδητοποίησα πως θέλεις να σβήσεις μονάχα τις λέξεις και όχι ολόκληρα τα directional links (θέλεις δηλαδή να μείνουν τα βελάκια και να είναι λειτουργικά).  Αυτό μπορείς να το κάνεις με Javascript, χρησιμοποιώντας τα properties prevText και nextText του flexislider...

...
prevText: "Previous",           //String: Set the text for the "previous" directionNav item
nextText: "Next",               //String: Set the text for the "next" directionNav item
...

βάζοντας κενό "" αντί για λέξεις...

...
prevText: "",
nextText: "",
...

Αν θέλεις να το κάνεις με css, ένας μπακαλίστικος τρόπος είναι να κάνεις το κείμενο να έχει το ίδιο χρώμα με το background του element του (και στο δικό σου theme πρέπει να βγάλεις και το text-shadow)...

.et_shortcodes_controls_arrows .et_sc_nav_next,
.et_shortcodes_controls_arrows .et_sc_nav_prev
{
    color: #f7f7f7 !important;
    text-shadow: none;
}

Επειδή όμως νομίζω πως την παραπάνω τακτική την τιμωρεί το Google (ως spam), θα μπορούσες εναλλακτικά να χρησιμοποιήσεις το content css property, που δουλεύει μονάχα συνδυασμένο με τα pseudo-elements :before και :after.

 

Μπορείς να δοκιμάσεις το παρακάτω:

et_shortcodes_controls_arrows a.et_sc_nav_next:after,
et_shortcodes_controls_arrows a.et_sc_nav_prev:after
{
    content: none !important;
}

Το καλύτερο πάντως είναι να το κάνεις με Javascript.

  • Like 1
Δημοσ.

Καλησπέρα και ευχαριστώ για την βοήθεια!

 

  • Πήγα στο αρχείο /wp-content/themes/TrimTheme/js/jquery.flexslider-min.js
  • Bρήκα τα properties prevText και nextText
  • Έβαλα κενό "" αντί για "Previous", "Next"

Όμως δεν κατάφερα να τα σβήσω..

 

Μήπως πείραξα λάθος αρχείο;

 

 

Οπότε πρέπει να βρεις σε ποιο js αρχείο κάνει initialize τον slider

 

Άλλο είναι αυτό;

 

Thanks in advance!

Δημοσ.

Σε άλλο αρχείο .js κάνει initialize τον slider. Δοκίμασε να ρωτήσεις στο φόρουμ της Elegant Themes για να σου πουν ποιο αρχείο είναι (το φόρουμ τους ανοίγει αν θυμάμαι καλά σε όσους έχουν αγοράσει themes τους).

 

Αλλιώς δοκίμασε με css.

  • Like 1

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...