I have a wordpress website using the Arcade Pro theme. The theme is designed with a full-page homepage image and I would like to change it so visitors don't have to scroll to view my articles. The website address is: http://cricketyorkshire.com
Could you suggest what code tweaks to try and make the homepage image no longer full-screen and what specific wordpress files I need to alter?
Ideas welcomed. Very happy with the theme but prob losing visitors who won't scroll past the homepage image to access the latest articles.
Thanks!
Add the following CSS to your style.css file.
.title-card {
height: 50% !important;
margin-top: 25%;
}
Related
Different size on nav-bar on different pages. On the "index.html" the nav bar is 222x100 and it looks way smaller and on the other page "faq.html" it is 1110x100 and it´s not even half as big as the navbar in index.html. How to make the navbar the same size in every site?
Here are the files:
https://github.com/wreckitralph-tech/html-css-help.git
Thanks for helping me out!
I downloaded your repository, tested it (I had to copy the css and the image into their folders, like /src/img and /src/css ), and it gave me the same navbar on all the pages.
The text was very small, so in the css i replaced the 3px tag with a 20px so I could see clearer the text. The final result was working, and I could switch to all the htmls as intended.
Here is a picture of what i got:
Navbar-screenshot
So, in conclusion, you may have removed the line that was causing the issue for this question, or your browser cached the css file on only one webpage. For this, you can clean your browser's cache ( some of them have a specific command, or it can be found on the settings ).
I am using the OceanWP theme and on the homepage the social media icons are not displaying. They are showing fine on the header and footer of every other page except the homepage.
They appear like this on the header of the homepage: https://prnt.sc/phrd7h
and like this on the footer of the homepage: https://prnt.sc/phrdef
After searching on google I found a solution which advised me to paste the code:
.fa {
font-family: FontAwesome;
}
in the custom css section of the dashboard. I did this and it appears to have helped as the icons are now showing on the homepage but they look a little thicker than the icons on the other pages and are quite blurry. They now appear like this:
https://prnt.sc/phrdjm
https://prnt.sc/phrdnk
(...also on the footer of the homepage the vimeo icon is still not showing.)
But on the other pages they appear to look much more clear. They look like this:
https://prnt.sc/phrdsi
https://prnt.sc/phre7j
Does anybody know how I can make the icons look clearer on the homepage footer and header?
We are using Qode's Bridge theme in Wordpress. I have just moved a dev site to the live site and on the Full Width page template it shows no text on the live site but it does on the dev site. On the live site the default template does show content.
For example the Testimonials page (http://unitedconstruction.com/culture/testimonials/) uses a Full Width template and doesn't show the content under the title bar (it is there if you view the code). But the Culture page does show the content (http://unitedconstruction.com/culture/). The only difference between them is that this one uses the default template.
You can also see what I mean about the live site and the dev site on the two home pages.
Live Site (broken): http://unitedconstruction.com/
Dev Site (working): http://ucdev.inventivewebdesign.com/
I have checked all the settings that Qode offers and gone through the CSS and HTML but have not been able to find anything that would cause this.
We'd like the pages to show the content that is coded there. Could anyone please take a look and see if they can catch what I am missing?
You have edited a little bit CSS, because CSS causing issue right now.
If you go to Developer tools, you will see the z-index overlapping on content.
Now the solution is you have install custom CSS plugin, whatever you love to use.
Just paste this CSS and you are good to go!
.container, .content, .full_width {
z-index: unset !important;
position: relative;
}
This will fix the z-index. And you content will be viewable then.
setting up a basic website. I know basic HTML & CSS, but it's only enough to at least play around.
I was using WordPress editor to change some of the code, now the menu for my header has disappeared (contains home, blog, contact).
Website: http://onwardsdigital.com.au/
I can see it's still their in the source code so not sure why I can't see it and it's visible on mobile version.
Thanks for your help
Your css has this entry:
#main-nav-mobile {
display:none;
background-color: #f9f9f9;
That is being used by the DIV with the class main-nav-mobile. If you get rid of the display:none, it will show up. Did you come up with that entry, or is it Wordpress? If Wordpress, you might want to ask the people who did the template why they have that class set to not display.
please help, i'm a newbie to wordpress.
i am developing a website using wordpress CMS and fitness-lite theme (https://id.wordpress.org/themes/fitness-lite/). i edited the style.css, header.php, footer.php, and customize.php. it was just html and css editing. and then the problem comes.
in the customization in admin mode, the social icon is shown just like the image below
but in the public view mode, the social icon isn't shown just like this
if checked by the inspect feature in Chrome browser, the respective div is there, but it isn't being displayed
i haven't add any plugin, so it shouldn't be caused by one.
do wordpress use different html or php file to show the web in admin mode and the public view mode?
use css
.social-icons{ display: block !important; }