li.current_page_item

I have tried to style that with no luck.

Anyone know a fool-proof way that works with this template? I’m fine with the style coding, just not able to pick the right element.

Thanks

I have seen in other sites that hero images are able to be set as full width. How is this done? I have seen on another question that this should work:

.hero-content > img {
	width: 100%;
}

But it doesn’t work for me.

Here is my full code:

header#masthead.site-header{
	background-color: #000000;
}

body {
 background-color: #FFFF00;
}
	.hero {
	  height: 700px;
	  color: transparent;
	  padding: 0px;
	 }

	.hero.page-header h1 {
	  transform: translate(-10%,-70%);
        }
	.hero-inner {
	  height: 700px;
	  background-image: url("wp-content/uploads/2019/09/hpimage-2.jpg");
        }
        .hero-content > img {
	  width: 100%;
        }

Thanks, P

Is this possible?

HTML:
<nav class=”navigation pagination” role=”navigation”>
<h2 class=”screen-reader-text”>Post navigation</h2>
<div class=”paging-nav-text”>Page 2 of 24</div><div class=”nav-links”>← Previous
1
<span aria-current=”page” class=”page-numbers current”>2</span>
3
<span class=”page-numbers dots”>…</span>
24
Next →</div>
</nav>

Would like to increase the size of the site’s logo. At the moment it is sitting in a container that is 325 x 70 (meaning whatever the size of image uploaded, it always defaults to this size [on pc]). How I can increase the size of this?

Thanks
Paul

Just a quick question about whether I can put some extra coding into the site (I’m guessing in CSS) to reformat my header when the site is viewed on a phone. The header seems like it is not resizing to fit a phone screen. I’m wondering if it is because it can not resize the image as is has text on? Therefore to I have to make a separate image for phones?

If you view the linked page it shows OK on a pc (and also on a ipad) but when viewed on a phone (in the header) it does not show the whole email address or phone number and also the page title appears to be squashed up to the top. I’m viewing it on a Samsung S5.

Many Thanks,

Paul

I am creating a website for a client and using the Ascension Theme (this is a theme produced by the host, Good Daddy). I would like to put a scrolling text bar within the header at the bottom. When I have been doing other projects (e.g. https://www.cuzzies.com.au) I’ve been able to insert the PHP code into the header.php, or sometimes the index.php, however this template seems to be built differently.

The scroller on the homepage is just a trial, which will obviously not work (it is done using a widget through customisation).

Could any help me by letting me know what part of the template to alter? I know the code that I need to use, just not where to put it. Even happy to place it just below the header, if I could work out where that space is within the template. Happy to use a plugin, if I can place the scroller at the very bottom of the header.

Many Thanks,
Paul

I am creating a website for a client and using the Ascension Theme (this is a theme produced by the host, Good Daddy). I would like to put a scrolling text bar within the header at the bottom. When I have been doing other projects (e.g. https://www.cuzzies.com.au) I’ve been able to insert the PHP code into the header.php, or sometimes the index.php, however this template seems to be built differently.

The scroller on the homepage is just a trial, which will obviously not work (it is done using a widget through customisation).

Could any help me by letting me know what part of the template to alter? I know the code that I need to use, just not where to put it. Even happy to place it just below the header, if I could work out where that space is within the template. Happy to use a plugin, if I can place the scroller at the very bottom of the header.

Many Thanks,
Paul

I am creating a website for a client and using the Ascension Theme (this is a theme produced by the host, Good Daddy). I have an issue where I would like to remove the filter (shadow) over the header image. This can be best seen in the link. As you can see the images are the same but the one in the header appears darker that the one in the body. I know this must be controlled by some lines of CSS and I am familiar with writing and changing CSS and also know about all the precautions I have to take like backups etc. I just would like a clue to where I should be looking.

After doing some research, my best guess is that this effect is created by using a box-shadow e.g:

box-shadow: 0 0 10px;

Do you think this is probable? Or should I be seeking out another area in the code to alter?

I’m just looking for clues and best guesses really. All ideas would be gratefully received. Oh, and the reason why we wish to remove it is that I am trying to put a piece of white text in the header and the shadow is making the text illegible.

Many Thanks
Paul

p.s. already contacted Good Daddy about this and they were useless!!!!
p.s.s. not looking for theme support just general advice regarding producing shadows using CSS.

I have tried looking at the code for the website but cannot fine any direct reference to the header image in it.

I want the header image to be displayed in full on each page of the website.

Any help would be appreciated.

Thanks