I am building a website (using Wordpress, Neve theme and Elementor Pro) with teaching resources for teachers, under the picture of each resource I want to place a download button with the URL link to download the resource, is it…
I'm currently working on my resume website. I want to add some design to it but i came with a problem. My svg design-item overlap navbar when scrolling down. If i set position to static it doesn't overlap but then…
If i set position:absolute it stops moving and messing around page, while zooming(in/out) the page. but the location of div are automatically changing, and all the divs are mixing together in one location. any ideas? hope my question was clear.…
I am trying to achieve following: Add overlay color to Shortcode element in WP with centered Text. When user hovers over this overlay color and text must be hidden. I tried lots of variantsannd this one nearly works, but it's…
I have a problem with my style.css file. after i published it on plesk server, it worked fine. but some times, (such as when press Ctrl+F5 ) or simple refresh, it's content is unreadable. I attach an screenshot . how…
I have a JS class import React from 'react'; import { StyleSheet, View } from 'react-native'; import { Avatar, Accessory } from 'react-native-elements'; import PropTypes from 'prop-types'; import MenuButton from './MenuButton'; import AppStyles from '../AppStyles'; import Api from '../Api'; export…
I want to add css (margin-top) to an element on woocommerce checkout page that contains the card error messages. This is the code: const cardError = document.getElementsByClassName('sumo-pp-stripe-card-errors'); cardError[0].style.marginTop = '100px'; console.log(cardError[0]); It works fine when I look at it in…
I have this liquid code: <a href="{{ block.settings.button_link }}" class="btn--full"> <div class="flex-btn"> {{ block.settings.button_label }} {% render 'icon-arrow-right' %} </div> </a> And I need to change the button_label when I hover. Is there any way to do it with only…
It's My code navbar <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" /> <body class="bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark "> <div class="container"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse " id="navbarText"> <ul class="navbar-nav…
I have uploaded all the files to my web server (I use NameCheap, cPanel). This is my webpage: www.gloriachen.me In the landing page, my html and css are: <!-- Landing Page --> <div class="container-fluid"> <img src="assets/landing-page.JPG" class="img-fluid" alt="Responsive image" style="width:100%;">…