[Olga]

Hi! I would really like my website to look like this demo version of Marjoram Pro -https://www.bloggingthemestyles.com/free-wordpress-themes/marjoram/ with a white (almost transparent) box on top of a photo. I also would like to set different photos for each tab in this way (I’ve tried different things, but the photos are always way below the main menu). Could you please explain how I would do that? I have already looked over the tutorials, but could not find the information I’m looking for. Any help would be greatly appreciated!!:)

[Andre]

Hi Olga….did you try the demo content import that I recently added to the theme? This should bring everything into your site that the demo site has.

Also, do you have a link to your website?

[Olga]

Hi! So, is the version that I found under the Members>>Purchase History the most current one? I wanted to doublecheck, because it just says Marjoram-pro.
Also, I’m sorry, how do I delete it? I couldn’t find a delete button anywhere. I am honestly very new to all this… 🙁
And my website is – https://askyoursoul.org/

[Andre]

First, no need to apologize for anything, especially because WordPress can be confusing and not always easy. However, that is what support is for…to make sure everyone is looked after well.

I just looked at your site and you are running version 1.1.0.

So it looks like you have a lot of content already in your site, so importing the full demo site is probably not recommended then, but if you decide to do that, there is a tutorial for that.

However, let’s start with the banner image with the transparent box.
https://www.bloggingthemestyles.com/setup-tutorials-for-premium-themes/setup-marjoram-pro/create-a-banner-with-caption-box-for-marjoram-pro/

If I understand right, you want to have this show up on different pages but with a different photo on each one?

As for upgrading to the next version of this theme and to get the new 1-click update capability, you will need to download the theme again for version 1.2.0. If you are brave enough 🙂 you can delete the theme then install the new version. Do this by going to Appearance >> Themes >> then in the switch to a different theme (this is a temporary thing) by activating it. Then click on the thumbnail for Marjoram Pro and in the lower part of the popup window is a “Delete” theme button link. Click on that to delete the theme. Then you can install the new version and activate it. You may have to redo your background and header images though.

[Olga]

Hi Andre! Thank you so much for that tutorial! That was actually super helpful. So, I first tried to do it exactly how it said, but then, of course, I realized that the banner would be the same on every page 🙂 So I decided to post that code into separate pages, adjusting it accordingly.
I think that totally works, so thank you for that!! And it looks like I won’t have to install the next version of this theme after all (no complaints there! ;)) But I do have a few other questions for you now))

1. Is it possible to remove the name of the page on the heading that automatically appears on the top left corner of every page? Because now I basically have 3 places with the same name (the tab, that heading, and the transparent box.)

2. I love the “read more” button, but since I don’t have anywhere to redirect it to, is it possible to make it scroll down to the actual text below the image?

3. I was also wondering if the dimensions of the images could be made smaller? Or if I edit the actual image, it will just get stretched out to fill the same dimensions?

4. Is there any way to format the text within the transparent box? (for instance, if I want to start a new line instead of letting the sentence continue)

5. Lastly, I was wondering why the tagline (under the Site Title) does not change color (I tried doing so in “Site Identity”>>”Site Tagline Colour,” but no matter what color I try, it still looks the same way as before (I just wanted to make it darker).

Phew… I think that’s all, at least for now 🙂 Thanks again so much for your help!!!

[Andre]

#1 You mean remove the page titles from every page? If so, in the Additional CSS tab of the customizer, add this:

.page .entry-header {
    display: none;
}

#2 You could have it scroll but where it needs to go to, that container needs an ID on the container where the content begins. It’s a bit of work because you will need to manually add this ID to each and every page where your content begins. So for example, it will be a paragraph tag and to add an ID to it, it would be like <p id="start">. Then the read more link would be <a href="#start">read more</a>

#3 You can make the image whatever size you want.

#4 Not sure what you mean by starting a new line, but if I understand right, you want to have it only a certain length then begin a new line? Just do a break after the word you want to split the sentence into a new line. This is done with <br>

#5 Looks like a bug in the theme as that colour setting should change it. I will have to add that to the list for the next theme update. In the meantime, you can add this to the Additional CSS tab of the customizer:

.site-description {
    color: #000000;
}

You can of course use whatever colour you want (or were trying in the colour setting).

[Olga]

Hi Andre!
I just wanted to say I am sorry it took me so long to finally respond!! It’s been a really hectic couple of weeks, but thank you SO MUCH for your time and all of your help!! I really do appreciate it, and love my new website! 🙂

[Andre]

Hi Olga….again, no need to apologize. I can fully understand what a hectic week(s) is like as I am in that myself often 🙂

But what is great to hear is that your website is up and running and that you love it!

[Olga]

Hehe I can definitely imagine that!! :))
I do love the way it looks now, thanks a lot! 🙂
Ok, so I did just want to doublecheck with you – I tried changing the image size in my Media files and then inserting the new url, and it just ended up being more blurry, but the size remained the same. I am talking about those large images on top of each page (sorry, I totally don’t remember what those are actually called 😉 a header image maybe?..) So does that mean the dimensions will always stay the same? It’s not a big deal or anything, but I’m curious.

[Andre]

The media file settings are only for when you insert an image into your post or page content. I’m going to take a guess you are referring to the image in the page background area? If so, are you talking about how big and blurry it looks behind the page content?

[Author]

Posts