Hi Yigit,

Works perfectly to center the text on desktop views, thank you!

Is there a way to limit this change only to large screens like desktop, so they are flush left on tablet views? I had not even considered they would not like right there if centered– my bad, I should have thought of that.

Also, is there a way to increase the margin for the Pages widget (left column) on tablet views so it lines up with the others? Looks like it is maybe 4-5px farther left than the rest.

Thanks a million!

Hi guys,

One more thing regarding the catalogue: they start with a dashed top border. How can I disable that?
Found it!

In shortcodes.css I found .av-catalogue-list{ border-top: 1px dashed; margin:0;} so I’m overwriting that.

Regards, Daniel

• This reply was modified 9 years, 11 months ago by Daniel.

Thanks. Here it is.
The problem actually only applies to the bottom controls. When I click on the middle of the video window the rotation cycle stops.

Ok, i was able to get my custom DIV to disappear – however, i have another question:
Using a sticky nav, that will shrink up top when scrolled – When scrolling down, where do i control where the nav switches to the “scrolled” state? Unfortunately i have a layout that has the navigation pretty far down on the page, and when it scrolls a bit, it changes to the sticky, small state up top – leaving a big empty space between the nav and the page content. Ideally, the nav content would continue to scroll under the logo area – until the nav gets close, and then it would switch the “scrolled” state.

Thanks for any suggestions!- (i know this is not really good UX)

Thanks Ismael, Magazine element is fine and I’m trying to change some stylings of it with CSS. Is there a way to place the topic picture at the left of the text? I tried

.av-magazine-thumbnail img, .av-magazine-thumbnail {
float: left!important;
}

but that doesn’t work, the space below the picture stays empty.

• This reply was modified 9 years, 11 months ago by dreamworker80.

Ok… you asked for it!

I tried to copy these changes over to the site I was originally wanting help with, and it’s all gone a bit pear-shaped!

http://www.normansrunningwild.com/index.php/blog-2/

Even though I have it set to show only excerpt and ‘read more’, I’m getting the whole text of the blog entry. And also… the image has gone strange and rectangular!

(also changed to elegant, single author small pic etc)

Ideas :/

This is the Quick CSS I have added

/* Blog layout */
.post_author_timeline {
display: none;
}

.small-preview {
width: 280px;
height: 280;
}

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-align: left;
}

.html_elegant-blog #top .post-entry .blog-categories {
text-align: left;
}

.page-id-913 .small-preview {
height: 100%;
}
.page-id-913 .blog-meta {
float: left!important;
width: 280px!important;
height: 280px!important;
}

.page-id-913 .small-preview img {
width: 100%;
}

Brilliant! That is *almost* there now… if you check back on my page

http://www.victoria-ward.com/news/

you’ll see I increased the size of the place I want the image from 180×180 to 280×280 because I want a larger picture there. However the picture doesn’t fill that space…

Any ideas?

here’s what I’ve got added to my quick styling so far…

/* Blog layout */
.post_author_timeline {
display: none;
}

.small-preview {
width: 280px;
height: 280;
}

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-align: left;
}

.html_elegant-blog #top .post-entry .blog-categories {
text-align: left;
}

.page-id-14 .small-preview {
height: 100%;
}
.page-id-14 .blog-meta {
float: left!important;
width: 280px!important;
height: 280px!important;
}

The problem is not on the slider, but the page builder stops working. I don’t know how did I install it but it is working fine for me though

HI Yigit,
that’s exactly what I did by now and linked in my request above :(
probably the css customization needs some improvement:

#header .widget {
  left: 98%;
  padding-top: 0;
  position: absolute;
  top: 0px;
  transform: translate(-50%);
  z-index: 999;
}

• This reply was modified 9 years, 11 months ago by niguli.

We applied the Enfold (3.5.1) update to our test site and are having the same issue with alignment on category and archive pages. They left/right justify automatically even though the post isn’t formatted that way.

http://ubermenuhcps.wpengine.com/2016/03/
http://ubermenuhcps.wpengine.com/category/top-news/