-
Search Results
-
Here is my custom CSS, they were all working until I updated my theme to latest version yesterday:
@media only screen and min-width 767px{
.phone-info {
position:relative;
top:20px;
font-size:24px;
}input[name=”post_password”] {
background:red!important;
}
}@media only screen and max-width 767px{
.page-id-734 .avia-builder-el-22 .avia-image-container-inner,.home #av_section_5 .avia-slideshow {
display:none!important;
}
}#top #header .social_bookmarks li a {
font-size:30px;
line-height:80px;
min-height:80px;
width:80px;
}Can you please help me get these working again? Thank you in advance!
Topic: Help Customizing Tabs
What is the best/easiest way to style the tabs on pages?
Here is my tab page http://37c.838.myftpupload.com/cms-no-develop-team-march-22nd/#tab-id-3
I would like the tab titles to be different font/color:
1- change highlighted tab text color/size
2- change tabs title text color of the non selected tabs
3- change tab content text color/size
4- selected tab background colorTopic: Contact form font size
hi,
(Enfold v3.1.2)How can i change contact form font size ?
(My form properties: Light Transparent w/ Hide Form Labels)Thank you.
Hi, I want to make the post titles bigger and also make the regular font of the posts and across the site (paragraph text) bigger.
What code should I use?
Topic: accordion
Hi,
I was wondering if you could help me with the changing the accordion background colour for the title tabs and the content background and also making the accordion tab text black and bold with 2 font size above the default size. Attached is a screenshot.
Thanks
Hi there,
I’m looking for a way to achieve something that looks like this on my enfold galleries (both masonry and the regular gallery):

In the example, the gallery image shows first then when the mouse hovers, it goes to a solid colour with a text overlay,I’ve been able to get to this point using CSS:

The problem with mine is that the solid colour shows FIRST then the image shows when you hover. I want to reverse this. Also I’ve no idea how to get the text to show on the solid colour. I also want to ensure that I can align the text as in the example, i.e left aligned, bold and regular fonts etc.This is the CSS I’ve used to do the above. If someone could please show me what’s wrong? Thank you :)
.av-masonry-entry:before {
content: attr(title);
background: #f0211a;
position: absolute;
width: 97%;
height: 96.2%;
z-index: 1000;
text-align: center;
line-height: 180px;
opacity: 10;
font-weight: bold;
font-size: 24px;
}
.av-masonry-entry:hover:before {
opacity: 0.0;
}.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
position: absolute; bottom: 40%; text-align: center;
}.main_color .container .av-inner-masonry-content {
background-color: rgba(0, 0, 0, 0.0);
}.main_color .av-inner-masonry-content {
background-color: rgba(0, 0, 0, 0.0);
}.main_color .container .av-masonry-entry .avia-arrow {
background-color: rgba(0, 0, 0, 0.0);
}.main_color .avia-arrow {
background-color: rgba(0, 0, 0, 0.0);
}.av-masonry-entry .av-masonry-entry-title {
color: #fff; font-size: ;
}I’m struggling to increase the size of the social media icons in the #socket.
I want to make the icons bigger and the circle that surrounds.
What’s the correct CSS to use?
I’ve tried various things such as:
#socket .social-bookmarks a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}I can’t figure out which elements the sizing should be applied to.
Any help much appreciated.
Topic: Masonry heading stylings
Having settled on Enfold, and being deeply impressed with the features and support, I’ve rebuilt my site ready for a relaunch and couldn’t be happier. But I’m at that tweaking stage, so expect me to be here a lot as I tweak and hone.
My first question is regarding masonry headings. I have different masonry blocks on the homepage, each one showing different numbers of columns. I need the option to individually style the heading font size for each one. Is this possible?
Better still and what I would love your help to achieve: I want the images to be 100% opacity, with the title centred inside it with a dark outer glow. When hovering, the image fades to say 70%, the excerpt appears below the title and all text is centred within the image. And when on mobile, just the title appears centred in a slightly transparent box, which is pretty much what happens anyway.
A simpler variation would be to centralise the title in a box with transparency behind it, and then hovering brings the excerpt in and centres the whole lot with the image with opacity.
Are any of these possible?
Thanks in advance.
