CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[help] problème css/html/bootstrap sur une page portfolio wordpress

ps2man91
ps2man91
Niveau 8
29 janvier 2017 à 22:55:59

Bonsoir tout le monde.
J'ai un problème sur une page de portfolio sur mon site wordpress.
J'utilise le thème probusiness, et ma page ressemble à ceci :
http://demo.cmssuperheroes.com/Wordpress/probusiness/portfolio/3d-infographics-for-business/

Mon souci est le suivant. La photo prend 2/3 de la page, le texte n'en prend qu'1/3. J'aimerais donc inverser le ratio.
Avec Firebug, je vois bien que cela est régi par le code suivant :

<div class="ww-portfolio-header ol-xs-12 col-sm-6 col-md-8 col-lg-8">
<span class="post-featured-img">
<img src="blabla">
</span>
</div>
<div class="ww-portfolio-content ol-xs-12 col-sm-6 col-md-4 col-lg-4">
<script type="text/javascript">

J'aimerais que mon header ai comme format 12/12/4/4, et mon content 12/12/8/8.

Or, dans l'éditeur de mon thème, seul le fichier "entry.php" utilise ces lignes de codes. Ce même fichier est appelé par mon fichier single-portfolio.php, donc tout est cohérent. Sauf que la modification dans ce fichier entry n'entraine absolument aucun changement.
Je suis vraiment perdu ... Je dois vous avouer que je suis un noob total en site internet, mais je m'y connais un peu en informatique donc pour ce qui est de trouver un bout de code et de le remplacer je peux me débrouiller. Mais là, je sèche complètement. Si une âme charitable voudrait bien m'aider à inverser ce fichu ratio image/texte!

Merci beaucoup !!
Très bonne soirée

crow999
crow999
Niveau 9
04 février 2017 à 14:23:28

Avec Bootstrap, la classe " ol-xs-12 col-sm-6 col-md-8 col-lg-8 " correspond aux tailles de ton objet dans les diverses résolutions d'écrans :
xs : smartphone
sm : smartphone en paysage et tablette en portrait
md : tablette en paysage
lg : écrans
Donc pour un width 100% leurs valeurs doivent être à 12.
exemple :
ol-xs-12 col-sm-12 col-md-12 col-lg-12

Message édité le 04 février 2017 à 14:23:49 par crow999
Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment