Hi,

Thanks for that. I can’t see exactly what is going wrong there, but this CSS looks to be part of the problem at least:

#top .avia-button.avia-color-light {
    border-width: 1px !important;
    border-radius: 0px!important;
    background: none!important;
    font-size: 16px;
    letter-spacing: 0.04em;
}

Could you try removing all custom CSS you have added which affects the buttons, and then add it back block by block, to see what is causing the problem please?

Best regards,
Rikard

Hey Kristin,

Thank you for the inquiry.

Please open a single thread for each inquiry instead of stacking them up on a single post. This will allow the moderators to focus on the question at hand and keep the thread concise and relevant to the original topic. Also, users usually receive a more immediate response this way.

Now, to answer your very first questions.

1.a) In the home page, try to remove the transparent spaces around the logo and upload it again. The theme will automatically resize it based on the height of the header, and we could also manually resize it using css when necessary.

1.b) Use this css code to add a space below the main menu and above the main content.

#header_main_alternate {
	padding-bottom: 50px;
}

1.c) This css code should remove the 100px left margin of the testimonial name.

.avia-testimonial-meta {
	margin-left: 0;
}

1.d) To resize the footer widget title and content, use this css code.

.widgettitle {
	font-size: .8em;
}

#footer .widget p {
	font-size: 12px;
}

Please open new threads or posts for the rest of the inquiries.

Best regards,
Ismael

Hi,
For your Dutch site, I found that the css for the box is in your WordPress > Customize > Additional CSS:

.page-id-1623 #av_section_1 .avia_textblock.av_inherit_color:first-of-type, .page-id-67 #av_section_1 .avia_textblock.av_inherit_color:first-of-type {
    background: rgba(56,56,56,0.6);
    padding: 7px 0px;
    text-align: center;
}

I adjusted the background color to white: background: rgba(255,255,255,0.6);
The reason the button didn’t show was because in your custom css there was a top: 145px pushing the box down so the button didn’t show, I commented it out.

/*.page-id-1623 #av_section_1 > div.container > main > div > div > div,*/
	.page-id-67 #av_section_1 > div.container > main > div > div > div
    {
    	top:145px;

    }
}

I noticed the box was still over your face a little so I added this css to help:

@media only screen and (max-width: 767px){
html[lang="nl-NL"] #top.home #av_section_1 > div.container > main > div > div > div > section > div {
    padding: 0 !important;
}
html[lang="nl-NL"] #top.home #av_section_1 > div.container > main > div > div > div > section > div > h1 {
	margin: 0 !important;
}
}

This seems to help, but the text is longer in Dutch, perhaps reducing the font size a little more would help.
Please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for that. Please try this in Quick CSS if you want to control the size of the Icon box h3 element:

.iconbox_content_container h3 {
  font-size: 18px !important;
}

Best regards,
Rikard

Hi,
Thank you for the login, I added a new example under your example on the test page using the class model outlined above, this will give you better control.
I used different classes for the css and added it to a code block element on the page so it would be easier to test with, please check the page front and back.

.dotted-div-border {
    border: 2px dotted #c9c9c9 !important;
    border-radius: 30px;
    padding: 15px;
}
.dotted-div-border h5 .dotted-title {
	font-size: 14pt; 
	color: #808080;
}
.dotted-div-border h5,.dotted-div-border h6 {
	text-align: center;
}
.dotted-div-border .dotted-sub-title {
	font-size: 14pt; 
	color: #808080;
	text-align: center;
}
.dotted-div-border .dotted-content {
	font-size: 8pt;
}
.dotted-div-border .dotted-content a {
	font-size: 8pt;
	color: #000000;
}
.dotted-div-border .dotted-email {
	font-size: 12pt;
	color: #808080;
}
.dotted-div-border > p {
	margin: auto;
    width: 90%;
}

<h5><span class="dotted-title">Welcome to the (probably)</span></h5>
<span class="dotted-sub-title"> littlest portal in the digital universe*</span>
<img class="size-medium wp-image-1959 alignleft" src="profile-pic-2.png" alt="" width="80" height="80" />
<span class="dotted-content">I do digital for a better world.
    You can check my updates here:
    >a href<- Twitter>/a<
    >a href<- Slideshare>/a<   
</span>
<h6><span class="dotted-email"><a href>max@-----.net</a></span></h6>

Best regards,
Mike

Hi @awjensen,

I added the code to functions.php and then added following code to bottom of Style.css file

.header-scrolled .subtext { 
	opacity: 0 !important; 
}
.logo .subtext h1 {
    font-size: 20px;
    width: 400px;
    padding-top: 30px;
}

You can adjust the title in Functions.php file. Please review your website :)

Best regards,
Yigit

Hi,
Glad to hear this helped, to make the black text (Create…) smaller please go to your text element and adjust the font, this is where it is set at 40px, you will note that you can change the font size based on screen size.

We could override with css if you find this doesn’t help, but please try this.
To target your Dutch pages, try adjusting html[lang="en-US"] to html[lang="nl-NL"]

Best regards,
Mike