Taille des fonts sur une image intégrée instagram
Bonjour à tous,
Je suis nouveau sur le forum donc n'hésitez pas à me dire si je me suis planté de catégorie j'ai fait au mieux
Voici mon problème :
Je suis entrain de créer mon premier site internet en html/css/javascript, j'arrive a la fin du développement et on m'a demandé d'intégrer une image instagram avec la légende de celle-ci affichée.
J'ai donc suivi les instruction sur leur site officiel : https://www.instagram.com/developer/embedding/
S'en est suivi deux problèmes : le premier, était que le bloc intégré au site se ferrait à gauche, même en modifiant le css de celui-ci. Cela venait je suppose de leur script car je voyais à chaque
actualisation de la page le bloc se centrer puis se ferrer à gauche. J'ai réussi à contourner le problème en mettant ce bloc dans une balise <center>.
Cependant pour le deuxième problème je n'ai pas trouvé de solution et c'est pourquoi je fais appel à votre aide :
L'image instagram est responsive, mon site l'est également. Mais lorsque celui-ci est affichée sur mobile, les fonts du bloc instagram sont ridiculement petits et impossibles à lire sans zoom. J'ai
essayé de modifier le css de différents éléments du bloc, en rajoutant même un !important sur la taille du texte que je souhaitais mais rien à faire, après le passage de leur script, la taille des fonts revient à 14px.
J'ai aussi essayé de faire moi même un script pour modifier le css une fois le leur exécuté mais pas plus de résultat.
Je suis dans une impasse et je trouve ça dommage d'avoir un beau site responsive gâché par l'affichage du post insta et celui-ci est trop pertinent pour faire sans.
Merci d'avance pour votre aide !
Répondre avec citation
Partager