Avia Not Saving my Blog Post Adjustments

I managed to use the documentation to adjust the featured image in blog posts to be full screen. However the length is a bit long for me. How can I make it smaller?

Yes I will add it here.

While you look can you please help me with these issues:

1. change my H1 size to 30? I tried a code used in another forum question yet nothing changes which is very frustrating.

2. Also, I am having a major problem with the post “13 Famous Places of Peshawar.” I switched it to the Avia layout and now it will not revert back and looks horribly stretched out. I want it reverted back to normal editor

3. I used code in the documentation to make my featured images full width. However the the length is too long of the imageshonestly.

4. I posted here about the size of the blog post element on the “blog” page. https://kriesi.at/support/topic/blog-post-slider-images-wont-enlarge/

5. How can I CENTER and ENLARGE the widget on the homepage with the social book marks?

Thank you. I really am having some issues with these things. I’d also like to know why the H1 code didn’t work when I know I inputted correctly.

Also please please can you help me with

Now it only changes for mobile, not desktop.

1.Thank you, the 13 famous places post looks good.

2. As for the H1, I’m hoping you can look into this further. I used the “advanced styling” tab, edited the H1 element to 48 px. This shows up in mobile view, but not in desktop. Is there something overriding this code?

The first Screen shots attached shows how first it looks in mobile and the second in desktop. I would prefer for it to be larger than 30px actually. There is nothing I’m aware of in Quick CSS that would override this so I’m very confused. I also added the screen shot of where I changed the font in advanced styling.

3. The code I used to make the header images full width above the comment was found in the blog post documentation, “make featured image cull width”. I used this:

#top.single .container {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#top.single .content {
  padding-top: 0 !important;
}

The width is great, but I’d prefer the height to be a bit shorter.

4. Also I just added the code for moving the caption and nothing changed. I even added the important tag and nothing. I was having a lot of success with quick css but now I feel that nothing changes. Is there something wrong or is there a line of code in there that is causing problems? I disabled Autoptimize.

I’m going to post the access link again so you can check into it.

• This reply was modified 4 years ago by samanthashea.